¡Esta es una revisión vieja del documento!
sass --watch main.scss:../stylesheet.css
@import "definitions"; @import "global"; @import "frontpage";
Al iniciar el documento:
@import url("https://fonts.googleapis.com/css?family=Kreon|Bitter");
$font-title: "Kreon", "Courier New", monospace; font-family: $font-default;
$scale-large: (
h1: 2.961rem,
h2: 2.2rem,
h3: 1.2rem,
p: 1rem,
p-little: 0.8rem
);
...
font-size: map-get($scale-large, h2);
@mixin size($elem) {
font-size: map-get($scale-large, $elem);
@media (max-width: $responsive-medium) {
font-size: map-get($scale-medium, $elem);
}
@media (max-width: $responsive-small) {
font-size: map-get($scale-small, $elem);
}
}
...
@include size(h2);
width: 600px / 960px * 100%;
%message-shared {
border: 1px solid #ccc;
padding: 10px;
color: #333;
}
.message {
@extend %message-shared;
}
.block {
ul {
margin: 0;
padding: 0;
list-style: none;
}
li { display: inline-block; }
a {
display: block;
padding: 6px 12px;
text-decoration: none;
}
}
Si no está previamente definida la variable django-backcolor asigna el valor red:
$django-backcolor: red !default;