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:

navbar.scss.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:

style.scss@import "navbar";

Og vi ser at koden fra filen _navbar.scss ble importert til style.css under kompilering:

style.css.active {
  color: red; 
}

main.scss.block-content {
  padding: 10px;
  margin-left: auto;
  width: 600px;
  font-size: 14px;
}