Nested import i SASS
Vanligvis brukes @import i starten av et dokument,
men preprosessoren SASS tillater å importere filer
i alle deler av filen vi trenger, inkludert
inn i selektorer.
La oss se på følgende eksempel:
.active {
color: blue;
}
Deretter importerer vi den til filen style.scss:
div {
@import "main";
}
La oss nå se på resultatet av kompileringen:
div .active {
color: blue;
}
Opprett en fil navbar.scss
med følgende innhold:
.link {
color: red;
font-size: 12px;
}
Deretter importerer du dette fragmentet inn i
blokken #main i filen
styles.scss og utfør kompilering
til styles.css.
