SASS-da Ichki Import

Odatda @import hujjat boshida ishlatiladi, lekin SASS preprotsessori fayllarni istalgan faylimizning istalgan qismiga, shu jumladan selektorlar ichiga ham import qilish imkonini beradi.

Quyidagi misolni ko'rib chiqamiz:

main.scss.active {
  color: blue;
}

Endi uni style.scss fayliga import qilamiz:

style.scssdiv {
  @import "main";
}

Endi kompilyatsiya natijasini ko'rib chiqamiz:

style.cssdiv .active {
  color: blue; 
}

Задание 1

Quyidagi mazmundagi navbar.scss faylini yarating:

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

Keyin ushbu fragmentni styles.scss faylining #main blokiga import qiling va styles.css ga kompilyatsiya qiling.