Nestad import i SASS
Vanligtvis används @import i början av ett dokument,
men preprocessorn SASS tillåter import av filer
i vilka delar som helst av vår målfil, inklusive
inuti selektorer.
Låt oss överväga följande exempel:
.active {
color: blue;
}
Låt oss sedan importera den till filen style.scss:
div {
@import "main";
}
Låt oss nu titta på resultatet av kompileringen:
div .active {
color: blue;
}
Skapa en fil navbar.scss
med följande innehåll:
.link {
color: red;
font-size: 12px;
}
Importera sedan detta fragment in i
blocket #main i filen
styles.scss och utför kompilering
till styles.css.
