Vnorený import v SASS
Zvyčajne @import používajú na začiatku dokumentu,
no preprocesor SASS umožňuje importovať súbory
do akýchkoľvek častí potrebného súboru, vrátane
vnútra selektorov.
Zvážme nasledujúci príklad:
.active {
color: blue;
}
Ďalej ho importujme do súboru style.scss:
div {
@import "main";
}
Teraz sa pozrime na výsledok kompilácie:
div .active {
color: blue;
}
Vytvorte súbor navbar.scss
s nasledujúcim obsahom:
.link {
color: red;
font-size: 12px;
}
Potom importujte tento fragment do
bloku #main súboru
styles.scss a vykonajte kompiláciu
do styles.css.
