ԽՆԴՈՒՄԻ ՆԵՐԿԱՅԱՑՈՒՄ SASS-ՈՒՄ

Սովորաբար @import օգտագործվում է փաստաթղթի սկզբում, բայց SASS նախապրոցեսորը թույլ է տալիս ներմուծել ֆայլեր մեզ անհրաժեշտ ֆայլի ցանկացած մասում, ներառյալ սելեկտորների ներսում:

Դիտարկենք հետևյալ օրինակը:

main.scss.active {
  color: blue;
}

Հաջորդը, այն ներմուծենք style.scss ֆայլում:

style.scssdiv {
  @import "main";
}

Հիմա դիտենք կոմպիլյացիայի արդյունքը:

style.cssdiv .active {
  color: blue; 
}
Задание 1

Ստեղծեք navbar.scss ֆայլը հետևյալ պարունակությամբ:

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

Ապա ներմուծեք այս կտորը #main բլոկում styles.scss ֆայլի և կատարեք կոմպիլյացիա styles.css ֆայլում: