نتائج البحث

تعيد الدالة ()if إحدى القيمتين الممرَّرتين إليها اعتمادًا على تحقُّق شرط معين. تشبه تمامًا التعليمة ‎@if، إذ تُعدّ جميع القيم صحيحةً باستثناء القيمة false والقيمة null. البنية العامة if($condition, $if-true, $if-false) المعاملات ‎$condition الشرط المراد التحقق من صحته. ‎$if-true القيمة التي ستُعاد إن كان الشرط ‎$condition محقَّقًا. ‎$if-false القيمة التي ستُعاد إن لم يكن الشرط ‎$condition محقَّقًا. القيم المعادة تُعاد القيمة ‎$if-true أو القيمة ‎$if-false بناءً على تحقق الشرط ‎$condition. أمثلة مثال عن استخدام الدالة if()‎ لإضافة إطار border للعنصر ...

تدعم Sass الشكل القياسي للتعليقات متعدِّدة الأسطر باستعمال /* */ المُعتمد في لغة CSS، وكذلك التعليقات أحادية السطر باستعمال//. يُحتفظ بالتّعليقات متعدّدة الأسطر في مُخرجات CSS حيثما كان ذلك ممكنًا في حين تُزال التعليقات أحاديّة السطر. انظر مثلًا إلى الشيفرة الآتية: /* هذا التعليق * طوله عدِّة أسطر.‏ * CSS لمّا كان يستعمل بنية التعليقات في * فسيظهر في الملف المُصرَّف.‏ */ body { color: black; } // هذه التعليقات طولها سطرٌ واحدٌ فقط. // ولن تظهر في الملف المُصرَّف // CSS لأنها تستخدم ...

هذه قائمة بالدوال الموجودة في Sass. declare()‎ تُصرّح بتوقيع (signature) خاص بلغة Sass لأجل دوال روبي. يتضمن التوقيع أسماءَ الوسائط، وهل ستأخذ الدالة عددًا متغيرًا من الوسائط، وما إن كانت الدالة ستقبل مجموعة عشوائيةً من الوسائط المُسمّاة (keyword arguments). random_number_generator()‎ تستدعي مولد الأعداد العشوائيَّة الداخلي في Sass لتوليد عدد عشوائي. random_seed()‎ تحدِّد قيمةَ البذرة (seed) التي يستخدمها مولِّد الأعداد العشوائيَّة الداخلي في Sass. signature()‎ تحدِّد التوقيع (signature) الصحيح لعدد الوسائط المُمرّرة إلى دالة معيَّنة. abs()‎ تعيد القيمة المطلقة لعددٍ مُمرِّرٍ إليها. adjust_color()‎ تزيد أو تقلِّل خاصِّيَّة واحدة أو ...

تدعم Sass جميع قواعد CSS التي تبدأ بالرمز @، فضلًا عن أخرى خاصَّة بلغة Sass تسمى بالتعليمات (directives). لهذه القواعد تأثيرات مختلفة في Sass سنفصلها بعد قليل. انظر أيضًا تعليمات التحكم (control directives) وتعليمات المخاليط (mixin directives). القاعدة ‎@import توسّع Sass استخدامات القاعدة ‎@import الخاصَّة بلغة CSS للسماح لها باستيراد ملفات SCSS وملفات Sass. ستُدمج جميع ملفات SCSS وملفات Sass المُستورَدة معًا في ملف CSS واحدٍ. إضافةً إلى ذلك، يمكن استخدام المتغيرات أو المخاليط (mixins) المُعرّفة في الملفات المستوردة في ...

لغة CSS لغة ممتعةٌ، ولكنّ ملفات الأنماط أصبحت أكبر وأكثر تعقيدًا، وصيانتها صعبة ومتعبة؛ يمكن حينذاك أن تساعدنا المعالجة الأوليَّة (preprocessor). تتيح لك Sass استخدام ميزات غير موجودة في CSS مثل المتغيرات، والتشعب، والمخاليط، والوراثة، وغيرها من الأشياء التي تجعل البرمجة بلغة CSS ممتعةً مرةً أخرى. تحفظ Sass الملفات المعالجة على هيئة ملف CSS عادي، والذي يمكنك استخدامه في موقعك. الطريقة المباشرة لفعل ذلك هي باستخدام سطر الأوامر (terminal). يمكنك بمجرد تثبيت Sass تصريف الملفات إلى CSS باستخدام الأمر sass. ...

توفر Sass عددًا من التّخصيصات المتقدِّمة لأجل المستخدمين ذوي المتطلبات الفريدة. استخدام هذه الميزات يتطلب فهمًا جيدًا للغة Ruby. تعريف دوال مخصَّصةٍ في Sass يمكن للمستخدمين تعريف دوال Sass خاصةً بهم باستخدام Ruby API. انظر لمزيدٍ من المعلومات توثيق الدوال. التخزين المؤقت (Cache Stores) تُخزِّن Sass مؤقتًا الملفّات المُحلّلة (parsed documents) وبذلك يمكن إعادة استخدامها دون إعادة تحليلها إلّا إن حدثت تغيرات في الملف. افتراضيًا، ستكتب Sass هذه الملفات المُخزّنة مؤقتًا في مكانٍ في نظام الملفات (filesystem) المشار إليه في ...

تحوّل الدالة percentage()‎ عددًا دون وحدة إلى نسبة مئوية. البنية العامة percentage($number) المعاملات ‎$number عددٌ طبيعي دون وحدة. القيم المعادة تُعاد نسبة مئوية تمثِّل العدد ‎$number. الأخطاء والاستثناءات سيُرمى الخطأ ArgumentError إن كان المعامل ‎$number عددًا له وحدة. أمثلة مثال عن استخدام الدالة percentage()‎  لضبط قيمة العرض (width): selector { width: percentage(0.2) // 20% } سيُصرّف المثال السابق إلى شيفرة CSS الآتية: .selector { width: 20%; } انظر أيضًا الدالة round()‎: تقرِّب العدد الممرَّر إليها. الدالة abs()‎: تعيد القيمة المطلقة للعدد الممرَّر إليها. الدالة ...

تتحقَّق الدالة comparable()‎ ما إذا كان بالإمكان جمع أو طرح أو موازنة العددين الممرَّرين إليها. البنية العامة comparable($number1, $number2) المعاملات ‎$number1 العدد الأول. ‎$number2 العدد الثاني. القيم المعادة تُعاد القيمة المنطقيَّة TRUE إن كان بالإمكان جمع أو طرح أو موازنة العددين ‎$number2 و ‎$number1. خلا ذلك، تعاد القيمة FALSE. الأخطاء والاستثناءات سيُرمى الخطأ ArgumentError إذا كان أحد المعاملين السابقين من النوع الخطأ. أمثلة أمثلة عن استخدام الدالة comparable()‎ على أعداد لها مختلف الوحدات: comparable(2px, 1px) // true comparable(100px, 3em) // false comparable(10cm, 3mm) // true تذكّر أنَّ ...

تُصرّح بتوقيع (signature) خاص بلغة Sass لأجل دوال روبي. يتضمن التوقيع أسماءَ الوسائط، وهل ستأخذ الدالة عددًا متغيرًا من الوسائط، وما إن كانت الدالة ستقبل مجموعة عشوائيةً من الوسائط المُسمّاة (keyword arguments). التصريح بالتوقيع ليس ضروريًا ولكن لن تدعم الدالةُ بدونه الوسائط المُسمّاة. يمكن أن يكون لدالةٍ واحدةٍ أكثر من توقيع واحدٍ طالما أنّ كلَّ توقيع يأخذ عددًا مختلفًا من الوسائط. من الممكن أيضًا التصريح بعدة تواقيع تقبل جميعُها نفس العدد من الوسائط، ولكن لن يُستخدم في تلك الحالة سوى ...

تُدرج الدالة str_insert()‎ سلسلةً نصيةً داخل أخرى عند موضع محدَّد. لاحظ أن رقم ترتيب العنصر الأول في Sass هو 1، والعنصر الثاني هو 2، وهكذا على عكس بعض اللغات. البنية العامة str_insert($string, $insert, $index) المعاملات ‎$string السلسلة النصّيَّة التي سيضاف إليها سلسلة نصيَّة أخرى. ‎$insert السلسلة النصّية المراد إضافتها. ‎$index الموضع الذي ستُدرج فيه السلسلة ‎$insert ضمن السلسلة ‎$string. إن كانت قيمة هذا المعامل سالبة، فسيحسب موضع إضافة السلسلة النصيَّة $insert بدءًا من نهاية السلسلة ‎‎$string. إن كانت القيمة المعطاة تشير إلى موضع خارج حدود ...