Pesastatud import SASS-is

Tavaliselt kasutatakse @import dokumendi alguses, kuid SASS eelprotsessor võimaldab failide importimist meie vaja oleva faili mis tahes ossa, sealhulgas selektorite sisse.

Vaatleme järgmist näidet:

main.scss.active {
  color: blue;
}

Seejärel impordime selle faili style.scss:

style.scssdiv {
  @import "main";
}

Nüüd vaatame kompileerimise tulemust:

style.cssdiv .active {
  color: blue; 
}

Задание 1

Loo fail navbar.scss järgmise sisuga:

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

Seejärel impordi see fragment plokki #main failis styles.scss ja vii läbi kompileerimine faili styles.css.