فاصلة
  • SASS
  • ?
    : ترتيب الدرس
  • 0
    عدد الدروس
  • ?
    أخر تحديث

ما هي SASS

في رحلة تعلم تصميم الويب قد تكون سمعت هذا المصطلح بشكل كبير, لأنة مصطلح هام جداً مرتبط مع لغة CSS, وذلك لتسهيل عملية أستخدام لغة CSS عن طريق أضافة بعض المميزات التي تجعل اللغة تعمل بشكل ديناميكي أكثر من السابق, ومن مميزات لغة SASS هو انها تقوم بتنظيم العمل بشكل كبير جداً

تخيل بأن تصميم الموقع الخاص بك يحتوي علي الكثير من الألوان المتشابهة, وفي وقت من الأوقات خطرت لديك فكرة بتغيير ألوان الموقع إلي ألوان جديدة, في تلك الحالة سوف تتنقل من عنصر إلي الأخر حتي تقوم بتغيير الألوان, وما بالك إذا كان المشروع كبير جداً, في تلك الحالة يمكن فقدان الكثير من الوقت في محاولة التعديل, ولكن هنيئاً لك في حالة كنت تستخدم SASS , لأن SASS يمكنها أنشاء متغيرات, وعن طريق المتغيرات يمكنك التحكم في التصميم من مكان واحد.

كيف ذلك ؟

المتغير هو حاوية تحمل بعض البيانات, يمكننا أنشاء متغير يحمل كود اللون, ونستخدم المتغير في كل عنصر نريد تلوينة بنفس اللون الموجود في المتغير, والمثال التالي يوضح كيف يحدث ذلك .

$color1 = #333;
$font1 = arial;
body {
background-color:#color1; // استخدام المتغير
font-family:$font1; // استخدام المتغير
}