ჩადგმული იმპორტი SASS-ში

ჩვეულებრივ @import გამოიყენება დოკუმენტის დასაწყისში, მაგრამ SASS პრეპროცესორი საშუალებას აძლევს ფაილების იმპორტირებას ჩვენთვის სასურველი ფაილის ნებისმიერ ნაწილში, მათ შორის სელექტორების შიგნით.

განვიხილოთ შემდეგი მაგალითი:

main.scss.active {
  color: blue;
}

შემდეგ იმპორტირებთ მას style.scss ფაილში:

style.scssdiv {
  @import "main";
}

ახლა ვნახოთ კომპილაციის შედეგი:

style.cssdiv .active {
  color: blue; 
}

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