Indlejret import i SASS

Normalt bruges @import i starten af et dokument, men preprocessoren SASS tillader at importere filer i enhver del af den ønskede fil, inklusive indeni selektorer.

Overvej følgende eksempel:

main.scss.active {
  color: blue;
}

Derefter importerer vi det i filen style.scss:

style.scssdiv {
  @import "main";
}

Lad os nu se på resultatet af kompileringen:

style.cssdiv .active {
  color: blue; 
}

Задание 1

Opret filen navbar.scss med følgende indhold:

navbar.scss.link {
  color: red;
  font-size: 12px;
}

Importer derefter dette fragment ind i blokken #main i filen styles.scss og udfør kompilering til styles.css.