Failų importavimas SASS
Dirbant su SASS failais kartais reikia
perkelti kodą iš .scss dokumento, bet
be jo klono su .css plėtiniu sukūrimo,
t. y. importuoti jo fragmentą.
Pavyzdžiui, mes turime failą navbar.scss su tokiu kodu:
.active {
color: red;
}
Norint atlikti tokio tipo importą,
pirmiausia reikia pridėti apatinį brūkšnį
prieš failo pavadinimą, štai taip: _navbar.scss.
Tada kitame faile style.scss įrašome
@import direktyvą, bet importuojamo failo pavadinime
apatinis brūkšnys, kaip ir failo plėtinys, nenurodomas:
@import "navbar";
Ir matome, kad kompiliuojant į style.css
atsiėmė _navbar.scss failo kodas:
.active {
color: red;
}
Sukurkite failą main.scss
su tokiu turiniu:
.block-content {
padding: 10px;
margin-left: auto;
width: 600px;
font-size: 14px;
}
Tada importuokite jo fragmentą į failą
styles.scss ir sukompiliuokite
į styles.css.
