Failu importēšana SASS

Strādājot ar SASS failiem, dažkārt ir nepieciešams pārnest kodu no .scss dokumenta, bet neveidojot tā klonu ar .css paplašinājumu, t.i., importēt tā fragmentu.

Piemēram, mums ir fails navbar.scss ar šādu kodu:

navbar.scss.active {
  color: red;
}

Lai veiktu šāda veida importu, vispirms faila nosaukumam priekšā jāpievieno apakšsvītra, šādi: _navbar.scss. Tad citā failā style.scss ierakstām direktīvu @import, bet importējamā faila nosaukumā apakšsvītru un faila paplašinājumu norādīt nevajag:

style.scss@import "navbar";

Un mēs redzam, ka kompilējot style.css, tika importēts fails _navbar.scss kods:

style.css.active {
  color: red; 
}

main.scss.block-content {
  padding: 10px;
  margin-left: auto;
  width: 600px;
  font-size: 14px;
}