Importering af filer i SASS

Når man arbejder med SASS-filer, kan det være nødvendigt at overføre kode fra et .scss-dokument, men uden at oprette en klon med filtypen .css, dvs. importere et fragment af det.

For eksempel har vi filen navbar.scss med følgende kode:

navbar.scss.active {
  color: red;
}

For at gennemføre denne type import skal man først tilføje en understregning foran filnavnet, sådan her: _navbar.scss. Derefter skriver vi @import-direktivet i en anden fil style.scss, men i navnet på den importerede fil angiver vi ikke understregningen eller filtypen:

style.scss@import "navbar";

Og vi ser, at ved kompilering til style.css blev koden fra filen _navbar.scss importeret:

style.css.active {
  color: red; 
}

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