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:
.active {
color: blue;
}
Şimdi onu style.scss dosyasına import edelim:
div {
@import "main";
}
Şimdi derleme sonucuna bakalım:
div .active {
color: blue;
}
Aşağıdaki içeriğe sahip navbar.scss
dosyasını oluşturun:
.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.
