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:
.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:
@import "navbar";
Ja näeme, et kompileerimisel faili style.css
imporditi faili _navbar.scss kood:
.active {
color: red;
}
Loo fail main.scss
järgmise sisuga:
.block-content {
padding: 10px;
margin-left: auto;
width: 600px;
font-size: 14px;
}
Seejärel importige selle fragment faili
styles.scss ja kompileerige
failiks styles.css.