Uvoz fajlova u SASS

Prilikom rada sa fajlovima SASS, ponekad je neophodno preneti kod iz dokumenta .scss, ali bez kreiranja njegovog klona sa ekstenzijom .css, tj. importovati njegov fragment.

Na primer, imamo fajl navbar.scss sa sledećim kodom:

navbar.scss.active {
  color: red;
}

Da bismo izveli ovu vrstu uvoz prvo je potrebno dodati donju crtu ispred imena fajla, ovako: _navbar.scss. Zatim u drugi fajl style.scss upišemo direktivu @import, ali u nazivu importovanog fajla donja crta, kao i ekstenzija fajla se ne navode:

style.scss@import "navbar";

I vidimo da se pri kompilaciji u style.css importovao kod fajla _navbar.scss:

style.css.active {
  color: red; 
}

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