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:
.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:
@import "navbar";
In vidimo, da se nam je pri prevajanju v style.css
uvozila koda datoteke _navbar.scss:
.active {
color: red;
}
Ustvarite datoteko main.scss
z naslednjo vsebino:
.block-content {
padding: 10px;
margin-left: auto;
width: 600px;
font-size: 14px;
}
Nato uvozite njen fragment v datoteko
styles.scss in prevedite
v styles.css.
