Вложен импорт в SASS
Обикновено @import се използва в началото на документа,
но препроцесорът SASS позволява да се импортират файлове
във всяка част от нужния ни файл, включително и
вътре в селектори.
Нека разгледаме следния пример:
.active {
color: blue;
}
След това го импортираме във файла style.scss:
div {
@import "main";
}
Сега нека погледнем резултата от компилацията:
div .active {
color: blue;
}
Създайте файл navbar.scss
със следното съдържание:
.link {
color: red;
font-size: 12px;
}
След това импортирайте този фрагмент в
блока #main на файла
styles.scss и проведете компилация
в styles.css.
