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:

navbar.scss.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:

style.scss@import "navbar";

A vidíme, že se při kompilaci do style.css importoval kód ze souboru _navbar.scss:

style.css.active {
  color: red; 
}

main.scss.block-content {
  padding: 10px;
  margin-left: auto;
  width: 600px;
  font-size: 14px;
}