Globaalsed muutujad selektorite sees SASS-is
Kui me määrame muutujad, mis asuvad
selektorite sees, saame neid kasutada
ainult määratud pesastustaseme piires.
Kuid kui me vajame, et muutuja oleks
kättesaadav globaalselt, siis lisame selle
väärtusele märgi !global.
Vaatleme näidet:
div {
$height: 20px !global;
height: $height;
}
#navbar {
height: $height;
}
Toodud koodi kompileerimise tulemus on järgmine:
div {
height: 20px;
}
#navbar {
height: 20px;
}
Kirjelda, milline on järgmise koodi kompileerimise tulemus:
#main {
$font-family: Arial !global;
font-family: $font-family;
}
#navbar {
font-family: $font-family;
}
