SASS-da faýllary importirlemek

SASS faýllary bilen işleýärkä, wagtal-wagtal .scss dokumentinden kody geçirmek gerek bolar, ýöne ony .css giňeldişli klon döretmän, ýagny onuň bölegini importirlemek.

Mysal üçin, bizde aşakdaky kody öz içine alýan navbar.scss faýly bar:

navbar.scss.active {
  color: red;
}

Importiriň bu görnüşini amala aşyrmak üçin, ilki bilen faýlyň adyňyň öňüne aşaky çyzygy goşmaly, şeýle: _navbar.scss. Soňra beýleki style.scss faýlyna @import direktiwasyny ýazýarys, ýöne importirlenýän faýlyň adynda aşaky çyzyk we faýl giňeldişi görkezilmeýär:

style.scss@import "navbar";

We görýäris, compileriş wagty style.css faýlyna _navbar.scss faýlynyň kody importirlandy:

style.css.active {
  color: red; 
}

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