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

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

تعيد الدالة ()invert عكس اللون الممرَّر إليها. أي تعكس قيم المركبات الحمراء والخضراء والزرقاء للون الممرَّر إليها دون المساس بقيمة الشفافيَّة (opacity).

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

invert($color)
invert($color, $weight: 100%)

المعاملات

`‎$color`

اللون المراد الحصول على معاكسه.

`‎$weight`

الوزن النسبي للون المعكوس.

القيم المعادة

تُعاد قيمة اللون المعاكس للون ‎$color.

الأخطاء والاستثناءات

سيُرمى الخطأ ArgumentError إن لم يكن ‎$color لونًا أو لم يكن ‎$weight نسبة مئوية.

أمثلة

مثال عن استخدام الدالة ()invert لعكس لون النص color ولون الخلفية background-color مع استخدام للوزن النسبي ‎$weight:

.original {
  color: white;
  background-color: orange;
}

.inverted {
  color: invert(white); // black
  background-color: invert(orange, 30%); // #b38f4d
}

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

.original {
  color: white;
  background-color: orange; }

.inverted {
  color: black;
  background-color: #b38f4d; }

انظر أيضًا

الدالة desaturate()‎: تجعل اللون أقل تشبّعًا.
الدالة adjust_hue()‎: تعدّل صبغة اللون.

مصادر

قسم الدالة invert في صفحة الدوال في توثيق Sass الرسمي.

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