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:
.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:
@import "navbar";
Un mēs redzam, ka kompilējot style.css,
tika importēts fails _navbar.scss kods:
.active {
color: red;
}
Izveidojiet failu main.scss
ar šādu saturu:
.block-content {
padding: 10px;
margin-left: auto;
width: 600px;
font-size: 14px;
}
Pēc tam importējiet tā fragmentu failā
styles.scss un kompilējiet
to styles.css.
