Import i Vendosur në SASS

Zakonisht @import përdoret në fillim të dokumentit, por parapërpunuesi SASS lejon importimin e skedarëve në çdo pjesë të skedarit tonë të nevojshëm, përfshirë edhe brenda përzgjedhësve.

Le të shqyrtojmë shembullin e mëposhtëm:

main.scss.active {
  color: blue;
}

Më pas, le ta importojmë atë në skedarin style.scss:

style.scssdiv {
  @import "main";
}

Tani le të shohim rezultatin e kompilimit:

style.cssdiv .active {
  color: blue; 
}

Задание 1

Krijoni një skedar navbar.scss me përmbajtjen e mëposhtme:

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

Pastaj importoni këtë fragment brenda bllokut #main të skedarit styles.scss dhe kryeni kompilimin në styles.css.