Sass Qanday Ishlaydi?

MUHAMMAD AL-XORAZMIY NOMIDAGI TOSHKENT AXBOROT TEXNOLOGIYALARI UNIVERSITETI
Web dasturlash
CSS Sass da @import direktivasi vazifasi. Amaliy ko‘rsatmalar.
Tojaliyev Shahbozbek
Sass nima?
Sass-bu CSS kengaytmasi
Sass-bu CSS oldindagi protsessor
Sass CSS-ning barcha versiyalariga to'liq mos keladi
Sass CSS takrorlanishini kamaytiradi va shuning uchun vaqtni tejaydi
Sass Xempton Katlin va Natali Vayzenbaum
tomonidan 2006 yilda ishlab chiqilgan
Sass-ni yuklab olish va ishlatish bepul.

Sass Qanday Ishlaydi?

• Sass Qanday Ishlaydi?
• Brauzer Sass kodini tushunmaydi. Shuning uchun, Sass kodini standart CSS-ga aylantirish uchun sizga Sass pre-protsessor kerak bo'ladi.
• Ushbu jarayon transpiling deb ataladi. Shunday qilib, siz transpilerga (qandaydir dasturga) Sass kodini berishingiz va keyin CSS kodini qaytarib olishingiz kerak.

Sass Fayl Turi
Sass fayllari".scss " fayl kengaytmasi.
Sass uchun tizim talablari
Operatsion tizim-Sass platformadan mustaqil
Brauzer qo'llab - quvvatlash-Sass Edge/IE ishlari (IE 8 dan), Firefox, Chrome, Safari, Opera
Dasturlash tili-Sass Ruby-ga asoslangan

Rasmiy Sass Veb-Sayti
Sass haqida Sass rasmiy veb-saytida o'qing: https://sass-lang.com/.

Sass @import

• Sass @import
• Sass CSS kodini takrorlanishlarsiz holda saqlaydi (o'zingizni takrorlamang). Takrorlanishsiz kodni yozishning bir usuli-tegishli kodni alohida fayllarda saqlash.
• Boshqa Sass fayllariga qo'shish uchun CSS parchalari bilan kichik fayllarni yaratishingiz mumkin. Bunday fayllarga misollar bo'lishi mumkin: faylni tiklash, o'zgaruvchilar, ranglar, shriftlar, shrift o'lchamlari va boshqalar.

Sass Fayllarni Import Qilish
Faqat CSS kabi, Sass ham @import direktivasi qo'llab-quvvatlaydi.
@import Direktiv sizga bitta fayl tarkibini boshqasiga kiritish imkonini beradi.
CSS @import direktivasi ishlash muammolari tufayli katta kamchilikka ega;
har safar murojaat qilganingizda qo'shimcha HTTP so'rovini yaratadi.
Biroq, Sass @import direktivasi CSS-dagi faylni o'z ichiga oladi;
shuning uchun ish vaqtida qo'shimcha HTTP chaqiruvi talab qilinmaydi!
Qandaydir biz reset.scss nomli fayl yarataylik.
Endi ya`na qandaydir standard.scss nomli fayl yarataylik va unda reset faylimizni import qilaylik.
Endi bizga umumiy ma`noda qanday ko`rinishda ishlaydi.
Xulosa : Biz shuni xulosa qilishimiz mumkinki, sass @import direktivi orqali biz kam kod yozishimiz va ishimizni tez bitirishimiz hamda proyekt-
miz tez ishlashini ta`minlashimiz mumkin.