SASS'ta İç İçe Import

Normalde @import bir belgenin başında kullanılır, ancak SASS önişlemcisi, dosyaları import etmemize izin verir, hatta bunu seçicilerin içine de yapabiliriz.

Aşağıdaki örneği inceleyelim:

main.scss.active {
  color: blue;
}

Şimdi onu style.scss dosyasına import edelim:

style.scssdiv {
  @import "main";
}

Şimdi derleme sonucuna bakalım:

style.cssdiv .active {
  color: blue; 
}

Задание 1

Aşağıdaki içeriğe sahip navbar.scss dosyasını oluşturun:

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

Ardından bu parçayı, styles.scss dosyasındaki #main bloğunun içine import edin ve styles.css dosyasına derleyin.