Mavzu 5-6: css frameworklari: Sass

Modullar
Siz o'zingizning barcha Sasslaringizni bitta faylga yozishingiz shart emas. Siz uni @use qoidasi bilan xohlaganingizcha bo'lishingiz mumkin. Ushbu qoida boshqa Sass faylini modul sifatida yuklaydi, demak siz fayl nomiga asoslangan nom maydonida Sass faylingizdagi o'zgaruvchilar, aralashmalar va funktsiyalarga murojaat qilishingiz mumkin. Fayldan foydalanish CSS-ni kompilyatsiya qilingan natijangizda hosil qiladi!

E'tibor bergan bo'lsangiz, biz @use 'base'; styles.scss faylida. Fayldan foydalanganda kengaytmani kiritishingiz shart emas. Sass aqlli va buni sizga aniqlab beradi.
CSS-dagi ba'zi narsalar, ayniqsa CSS3 va mavjud bo'lgan ko'plab sotuvchilar prefikslari bilan yozish uchun biroz zerikarli. Mixin sizga CSS deklaratsiyalari guruhini saytingiz bo'ylab qayta ishlatishga imkon beradi. Sizning aralashmangizni yanada moslashuvchan qilish uchun siz hatto qiymatlarni ham o'tishingiz mumkin. Transformatsiya uchun misol.



Aralashmani yaratish uchun siz @mixin direktivasidan foydalanasiz va unga nom bering. Biz "mixin transformimiz" deb nomladik. Bundan tashqari, biz o'zimiz istagan narsani o'zgartirishi uchun Qavslar ichida $ o'zgaruvchisidan foydalanamiz. O'zingizning mixiningizni yaratgandan so'ng, uni Cinc deklaratsiyasi sifatida @include dan boshlanib, miksin nomi bilan foydalanishingiz mumkin.
Bu Sassning eng foydali xususiyatlaridan biridir. @Extend-dan foydalanish CSS xususiyatlarini bir selektordan boshqasiga almashish imkonini beradi. Bu sizning Sassingizni juda DRY saqlashga yordam beradi. Bizning misolimizda biz xatolar, ogohlantirishlar va muvaffaqiyatlar uchun oddiy xabarlar seriyasini yaratmoqchimiz, bu boshqa funktsiyadan foydalanib kengaytirilgan va to'ldiriladigan sinflar bilan ishlaydi. To'ldiruvchi sinf - bu faqat kengaytirilganda chop etiladigan va kompilyatsiya qilingan CSS-ni yaxshi saqlashga yordam beradigan maxsus sinf turi.



Operatorlar
CSS-da matematik ishlarni bajarish juda foydali. Sass-da +, -, *, / va% kabi bir nechta standart matematik operatorlar mavjud. Bizning misolimizda chetga va maqola uchun kengliklarni hisoblash uchun oddiy matematikani bajaramiz.

Sass va css kodlarini to’g’ridan-to’g’ri compilyatsiya qilish

https://www.cssportal.com/scss-to-css/