الفرق بين المراجعتين لصفحة: «Sass/abs»

المراجعة الحالية بتاريخ 07:01، 20 مايو 2018

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

abs($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()‎ على القيم العددية مع واحدة أو دونها.

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

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

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

.selector {
  z-index: 5; }

@@ سطر 52: / سطر 52: @@
 == مصادر ==
-* [https://sass-lang.com/documentation/Sass/Script/Functions.html#declare-class_method قسم الدالة abs في صفحة الدوال في توثيق Sass الرسمي.]
+* [https://sass-lang.com/documentation/Sass/Script/Functions.html#declare-class_method قسم الدالة abs في صفحة الدوال في توثيق Sass الرسمي].
 [[تصنيف:Sass|{{SUBPAGENAME}}]]
 [[تصنيف: Sass Function|{{SUBPAGENAME}}]]