Indlejret import i SASS
Normalt bruges @import i starten af et dokument,
men preprocessoren SASS tillader at importere filer
i enhver del af den ønskede fil, inklusive
indeni selektorer.
Overvej følgende eksempel:
.active {
color: blue;
}
Derefter importerer vi det i filen style.scss:
div {
@import "main";
}
Lad os nu se på resultatet af kompileringen:
div .active {
color: blue;
}
Opret filen navbar.scss
med følgende indhold:
.link {
color: red;
font-size: 12px;
}
Importer derefter dette fragment ind i
blokken #main i filen
styles.scss og udfør kompilering
til styles.css.
