SASS-də faylların import edilməsi

SASS faylları ilə işləyərkən .scss sənədindən kodu köçürmək lazım gəlir, lakin .css genişlənməsi ilə onun klonunu yaratmadan, yəni onun fraqmentini import etmək.

Məsələn, bizdə aşağıdakı kod olan navbar.scss faylı var:

navbar.scss.active {
  color: red;
}

Bu cür importu həyata keçirmək üçün əvvəlcə faylın adından əvvəl aşağı xətt əlavə etmək lazımdır, bu şəkildə: _navbar.scss. Sonra başqa bir style.scss faylına @import direktivini yazırıq, lakin import edilən faylın adında aşağı xətti və faylın genişlənməsini göstərmirik:

style.scss@import "navbar";

Və görürük ki, style.css-ə kompilyasiya zamanı _navbar.scss faylının kodu import olunub:

style.css.active {
  color: red; 
}

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