SASS-теги кирүүчү импорт

Адатта @import документтин башында колдонулат, бирок SASS препроцессору файлдарды бизге керектүү файлдын каалаган бөлүгүнө, ошондой эле селекторлордун ичине дагы импорттоого мүмкүндүк берет.

Төмөнкү мисалды карап көрөлү:

main.scss.active {
  color: blue;
}

Андан кийин аны style.scss файлына импорттойбуз:

style.scssdiv {
  @import "main";
}

Эми компиляциянын натыйжасын карап көрөлү:

style.cssdiv .active {
  color: blue; 
}
Задание 1

Төмөнкү мазмун менен navbar.scss файлын түзүңүз:

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

Андан кийин бул фрагментти styles.scss файлынын #main блогуна импорттоп, styles.css файлына компиляция жасаңыз.