Uvoz datotek v SASS

Pri delu z datotekami SASS je pogosto potrebno prenesti kodo iz dokumenta .scss, vendar brez ustvarjanja njegovega klona z razširitvijo .css, tj. uvoziti njegov fragment.

Na primer, imamo datoteko navbar.scss z naslednjo kodo:

navbar.scss.active {
  color: red;
}

Za izvedbo te vrste uvoza je najprej treba dodati podčrtaj pred imenom datoteke, takole: _navbar.scss. Nato v drugo datoteko style.scss zapišemo direktivo @import, vendar v imenu uvozljive datoteke podčrtaja, kot tudi razširitve datoteke ne navajamo:

style.scss@import "navbar";

In vidimo, da se nam je pri prevajanju v style.css uvozila koda datoteke _navbar.scss:

style.css.active {
  color: red; 
}

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