الدالة `abs()‎` في Sass

تعيد الدالة abs()‎ القيمة المطلقة لعددٍ مُمرِّرٍ إليها.

البنية العامة

abs($number)‎

العدد المراد إعادة القيمة المطلقة له.

يُعاد عدد صحيح من النوع Number يُمثِّل القيمة المطلقة للمعامل ‎$number المُمرَّر إلى الدالة.

سيُرمى الخطأ ArgumentError إذا لم يكن المعامل ‎$number عددًا.

المثال 1: استخدام الدالة abs()‎ لضبط قيمة الحواشي (padding) والهوامش (margin) إلى 20px.

.selector {
   padding: abs(-20px); // 20px
   margin: abs(20px); // 20px
}

سيُصرّف المثال السابق إلى شيفرة CSS الآتية:

.selector {
 padding: 20px;
 margin: 20px;
}

لاحظ في المثال السابق أننا وضعنا الواحدة px بين القوسين، إذ تعمل الدالة abs()‎ على القيم العددية مع واحدة أو دونها.

المثال 2: يبيّن هذا المثال عمل الدالة abs()‎ مع قيمةٍ دون واحدة.

.selector {
   z-index: abs(-5); // 5
}

ستُصرّف الشيفرة السابقة إلى شيفرة CSS الآتية:

.selector {
 z-index: 5;
}