Importování souborů v SASS
Při práci se soubory SASS může být nutné
přenést kód z dokumentu .scss, ale
bez vytvoření jeho klonu s příponou .css,
tj. importovat jeho fragment.
Například máme soubor navbar.scss s následujícím kódem:
.active {
color: red;
}
Pro provedení tohoto typu importu
je nejprve nutné přidat podtržítko
před název souboru, takto: _navbar.scss.
Poté do jiného souboru style.scss zapíšeme
direktivu @import, ale v názvu
importovaného souboru podtržítko,
jako i příponu souboru neuvádíme:
@import "navbar";
A vidíme, že se při kompilaci do style.css
importoval kód ze souboru _navbar.scss:
.active {
color: red;
}
Vytvořte soubor main.scss
s následujícím obsahem:
.block-content {
padding: 10px;
margin-left: auto;
width: 600px;
font-size: 14px;
}
Poté importujte jeho fragment do souboru
styles.scss a zkompilujte
do styles.css.
