Geneste invoer in SASS

Gewoonlik word @import aan die begin van 'n dokument gebruik, maar die SASS preprosessor laat toe om lêers in te voer in enige deel van die lêer wat ons nodig het, insluitend binne-in keurders.

Beskou die volgende voorbeeld:

main.scss.active {
  color: blue;
}

Voer dit dan in die lêer style.scss in:

style.scssdiv {
  @import "main";
}

Laat ons nou na die resultaat van die kompilering kyk:

style.cssdiv .active {
  color: blue; 
}

Задание 1

Skep 'n lêer navbar.scss met die volgende inhoud:

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

Voer hierdie fragment dan in die blok #main van die lêer styles.scss in en voer kompilering uit na styles.css.