Importering av filer i SASS
Ved arbeid med SASS-filer kan det være nødvendig
å overføre kode fra et .scss-dokument, men
uten å opprette en klone med filendelsen .css,
dvs. importere en del av det.
For eksempel, vi har en fil navbar.scss med følgende kode:
.active {
color: red;
}
For å utføre denne typen import
må du først legge til en understrek
foran filnavnet, slik: _navbar.scss.
Deretter skriver vi direktivet
@import i en annen fil style.scss, men i navnet
på den importerte filen angir vi verken understreken
eller filendelsen:
@import "navbar";
Og vi ser at koden fra filen _navbar.scss
ble importert til style.css under kompilering:
.active {
color: red;
}
Opprett en fil main.scss
med følgende innhold:
.block-content {
padding: 10px;
margin-left: auto;
width: 600px;
font-size: 14px;
}
Deretter importerer du en del av den til filen
styles.scss og kompilerer
den til styles.css.
