Vnořený import v SASS
Obvykle se @import používá na začátku dokumentu,
ale preprocesor SASS umožňuje importovat soubory
do libovolné části našeho souboru, včetně
uvnitř selektorů.
Podívejme se na následující příklad:
.active {
color: blue;
}
Dále jej importujeme do souboru style.scss:
div {
@import "main";
}
Nyní se podívejme na výsledek kompilace:
div .active {
color: blue;
}
Vytvořte soubor navbar.scss
s následujícím obsahem:
.link {
color: red;
font-size: 12px;
}
Poté tento fragment importujte do
bloku #main souboru
styles.scss a proveďte kompilaci
do styles.css.
