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:

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

style.scss@import "navbar";

A vidíme, že pri kompilácii do style.css sa importoval kód súboru _navbar.scss:

style.css.active {
  color: red; 
}

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