Sisäkkäinen @import SASS:ssa
Normaalisti @import käytetään asiakirjan alussa,
mutta SASS-esiprosessori sallii tiedostojen tuomisen
mihin tahansa haluamasi tiedoston osaan, mukaan lukien
sisaan valitsijoiden.
Tarkastellaan seuraavaa esimerkkiä:
.active {
color: blue;
}
Seuraavaksi tuomme sen tiedostoon style.scss:
div {
@import "main";
}
Katsotaan nyt kääntämisen tulosta:
div .active {
color: blue;
}
Luo tiedosto navbar.scss
jolla on seuraava sisältö:
.link {
color: red;
font-size: 12px;
}
Tuo sitten tämä fragmentti
#main -lohkoon tiedostossa
styles.scss ja suorita kääntäminen
tiedostoon styles.css.
