Mörkt tema
Variabler (4 min)
Variablernas "synlighet"
Viktigt!
- Variabler som definieras högst upp i ett dokument går att använda i hela dokumentet.
- Variabler som deklareras inne i ett deklarationsblock fungerar endast i det deklarationsblocket.
scss
$myGlobalVariable: yellow;
.newsarticle {
$padding: 8px;
background-color: $myGlobalVariable;
padding: $padding;
}
.footer {
padding: $padding; // Detta blir fel då $padding inte är tillgänglig!
}1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11