Įdėtinis importas SASS

Paprastai @import naudojamas dokumento pradžioje, bet SASS priešprocesorius leidžia importuoti failus bet kurioje mums reikalingo failo dalyje, taip pat ir selektorių viduje.

Panagrinėkime šį pavyzdį:

main.scss.active {
  color: blue;
}

Tada importuokime jį į failą style.scss:

style.scssdiv {
  @import "main";
}

Dabar pažiūrėkime į kompiliavimo rezultatą:

style.cssdiv .active {
  color: blue; 
}

Задание 1

Sukurkite failą navbar.scss su tokiu turiniu:

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

Tada importuokite šį fragmentą į bloką #main failo styles.scss ir atlikite kompiliavimą į styles.css.