Дар 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;
}

Сипас ин порчаро ба блоки #main файли styles.scss ворид кунед ва компиляцияро дар styles.css анҷом диҳед.