Failide importimine SASS-is

SASS failidega töötades on vaid vaja koodi üle kanda dokumendist .scss, kuid ilma selle klooni loomiseta laiendiga .css, st importida selle fragment.

Näiteks on meil fail navbar.scss järgmise koodiga:

navbar.scss.active {
  color: red;
}

Sellise importimise teostamiseks tuleb kõigepealt lisada allkriips faili nime ette, nii: _navbar.scss. Seejärel kirjutame teise faili style.scss directiivi @import, kuid imporditava faili nimes allkriipsu, nagu ka faili laiendit, ei märgita:

style.scss@import "navbar";

Ja näeme, et kompileerimisel faili style.css imporditi faili _navbar.scss kood:

style.css.active {
  color: red; 
}

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