Importovanie súborov v SASS
Pri práci so súbormi SASS môže byť potrebné
preniesť kód z dokumentu .scss, ale
bez vytvorenia jeho klónu s príponou .css,
t. j. importovať jeho fragment.
Napríklad, máme súbor navbar.scss s nasledujúcim kódom:
.active {
color: red;
}
Aby sme uskutočnili tento typ importu,
musíme najprv pridať podčiarkovník
pred názov súboru, takto: _navbar.scss.
Potom do iného súboru style.scss zapíšeme
directívu @import, ale v názove
importovaného súboru podčiarkovník,
ako aj príponu súboru neuvádzame:
@import "navbar";
A vidíme, že pri kompilácii do style.css
sa importoval kód súboru _navbar.scss:
.active {
color: red;
}
Vytvorte súbor main.scss
s nasledujúcim obsahom:
.block-content {
padding: 10px;
margin-left: auto;
width: 600px;
font-size: 14px;
}
Potom importujte jeho fragment do súboru
styles.scss a skompilujte
do styles.css.
