Įdėtinis importas SASS
Paprastai @import naudojamas dokumento pradžioje,
bet SASS priešprocesorius leidžia importuoti failus
bet kurioje mums reikalingo failo dalyje, taip pat ir
selektorių viduje.
Panagrinėkime šį pavyzdį:
.active {
color: blue;
}
Tada importuokime jį į failą style.scss:
div {
@import "main";
}
Dabar pažiūrėkime į kompiliavimo rezultatą:
div .active {
color: blue;
}
Sukurkite failą navbar.scss
su tokiu turiniu:
.link {
color: red;
font-size: 12px;
}
Tada importuokite šį fragmentą į
bloką #main failo
styles.scss ir atlikite kompiliavimą
į styles.css.