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:
.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:
@import "navbar";
I vidimo da se pri kompilaciji u style.css
importovao kod fajla _navbar.scss:
.active {
color: red;
}
Kreirajte fajl main.scss
sa sledećim sadržajem:
.block-content {
padding: 10px;
margin-left: auto;
width: 600px;
font-size: 14px;
}
Zatim importujte njegov fragment u fajl
styles.scss i kompajlirajte
u styles.css.
