Failų importavimas SASS

Dirbant su SASS failais kartais reikia perkelti kodą iš .scss dokumento, bet be jo klono su .css plėtiniu sukūrimo, t. y. importuoti jo fragmentą.

Pavyzdžiui, mes turime failą navbar.scss su tokiu kodu:

navbar.scss.active {
  color: red;
}

Norint atlikti tokio tipo importą, pirmiausia reikia pridėti apatinį brūkšnį prieš failo pavadinimą, štai taip: _navbar.scss. Tada kitame faile style.scss įrašome @import direktyvą, bet importuojamo failo pavadinime apatinis brūkšnys, kaip ir failo plėtinys, nenurodomas:

style.scss@import "navbar";

Ir matome, kad kompiliuojant į style.css atsiėmė _navbar.scss failo kodas:

style.css.active {
  color: red; 
}

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