الدالة abs() في Sass
تعيد الدالة abs() القيمة المطلقة لعددٍ مُمرِّرٍ إليها.
البنية العامة
abs($number)
المعاملات
$number
العدد الذي نريد إعادة القيمة المطلقة له.
القيم المعادة
عدد صحيح من النوع Number يُمثِّل القيمة المطلقة للمعامل $number المُمرَّر إلى الدالة.
الأخطاء والاستثناءات
سيُرمى الخطأ ArgumentError إذا كان المعامل $number ليس رقميًا.
أمثلة
مثال عن استخدام الدالة abs() لضبط قيمة الحواشي (padding) والهوامش (margin) إلى 20px:
.selector {
padding: abs(-20px); // 20px
margin: abs(20px); // 20px
}
سيُصرّف المثال السابق إلى شيفرة CSS الآتية:
.selector {
padding: 20px;
margin: 20px;
}
لاحظ في المثال السابق أننا وضعنا الوحدة px بين القوسين، وتعمل الدالة abs() على القيم العددية مع وحدة أو دون وحدة. المثال الآتي يبيّن عملها على قيمةٍ دون وحدة:
.selector {
z-index: abs(-5); // 5
}
ستُصرّف الشيفرة السابقة إلى شيفرة CSS الآتية:
.selector {
z-index: 5;
}
انظر أيضًا
- الدالة ceil(): تقريب العدد إلى أقرب عدد صحيح أكبر منه.
- الدالة floor(): تقريب العدد إلى أقرب عدد صحيح أصغر منه.
- الدالة max(): معرفة أكبر قيمة من بين مجموعة من الأعداد.
- الدالة min(): معرفة أصغر قيمة من بين مجموعة من الأعداد.
مصادر
- قسم الدالة abs في صفحة الدوال في توثيق Sass الرسمي.