ფაილების იმპორტირება SASS-ში

SASS ფაილებთან მუშაობისას ხშირად საჭიროა კოდის გადატანა .scss დოკუმენტიდან, მაგრამ მისი კლონის .css გაფართოებით შექმნის გარეშე, ანუ მისი ფრაგმენტის იმპორტირება.

მაგალითად, გვაქვს ფაილი navbar.scss შემდეგი კოდით:

navbar.scss.active {
  color: red;
}

იმისთვის, რომ მოვახდინოთ ამგვარი იმპორტი, ჯერ საჭიროა ფაილის სახელის წინ ქვედა ტირეს დამატება, აი ასე: _navbar.scss. შემდეგ სხვა ფაილში style.scss ვწერთ @import დირექტივას, მაგრამ იმპორტირებული ფაილის სახელში ქვედა ტირე, ისევე როგორც ფაილის გაფართოება არ ვუთითებთ:

style.scss@import "navbar";

და ვხედავთ, რომ კომპილაციის შედეგად style.css-ში შევიდა _navbar.scss ფაილის კოდი:

style.css.active {
  color: red; 
}

Задание 1

შექმენით ფაილი main.scss შემდეგი შიგთავსით:

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

შემდეგ იმპორტირეთ მისი ფრაგმენტი ფაილში styles.scss და დააკომპილირეთ styles.css-ში.