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:
.active {
color: blue;
}
İndi onu style.scss faylına import edək:
div {
@import "main";
}
İndi isə kompilyasiya nəticəsinə baxaq:
div .active {
color: blue;
}
Aşağıdakı məzmunla navbar.scss
faylı yaradın:
.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.
