SASS-də iç-içə import

Adətən @import sənədin əvvəlində istifadə olunur, lakin SASS proprosessoru faylları istədiyimiz faylın istənilən yerində, hətta selektorların daxilində də import etməyə imkan verir.

Aşağıdakı nümunəyə baxaq:

main.scss.active {
  color: blue;
}

İndi onu style.scss faylına import edək:

style.scssdiv {
  @import "main";
}

İndi isə kompilyasiya nəticəsinə baxaq:

style.cssdiv .active {
  color: blue; 
}

Задание 1

Aşağıdakı məzmunla navbar.scss faylı yaradın:

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

Sonra bu fraqmenti styles.scss faylında #main blokunun içinə import edin və styles.css faylına kompilyasiya edin.