Opseg vidljivosti promenljivih i blokova sadržaja u SASS-u
Prilikom prosleđivanja blokova sadržaja u miksin, njihov opseg vidljivosti je određen konkretnim pozicioniranjem bloka, a ne miksina. Shodno tome, ne možemo koristiti lokalne promenljive miksina u prosleđenom bloku sadržaja, koji će moći da radi samo sa globalnim promenljivama.
Razmotrimo sledeći primer:
$size: 14px;
@mixin sizes ($size: 20px) {
font-size: $size;
padding: $size;
@content;
}
.navbar {
@include sizes {
margin: $size;
}
}
Rezultat kompilacije:
.navbar {
font-size: 20px;
padding: 20px;
margin: 14px;
}
Objasnite, kakav će biti rezultat kompilacije sledećeg koda:
$color: žuta;
@mixin links ($color: crvena) {
background: $color;
@content;
}
Objasnite, kakav će biti rezultat kompilacije sledećeg koda:
$color: žuta;
$size: 10px;
@mixin links ($color: crvena, $size: 12px) {
background-color: $color;
font-size: $size;
@content;
}
.navbar {
@include links {
box-shadow: $color;
padding: $size;
}
}
Objasnite, kakav će biti rezultat kompilacije sledećeg koda:
$color: zelena;
$size: 6px;
@mixin links ($color: crvena, $size: 10px) {
color: $color;
font-size: $size;
@content;
}
.navbar {
@include links {
border-color: $color;
margin: $size;
}
}
#active{
@include links{
background-color: $color;
padding-top: $size;
padding-bottom: $size * 2;
}
}