الفرق بين المراجعتين ل"Sass/complement"

من موسوعة حسوب
اذهب إلى التنقل اذهب إلى البحث
ط (مراجعة الصفحة وتدقيقها.)
ط
سطر 18: سطر 18:
  
 
== أمثلة ==
 
== أمثلة ==
المثال 1: ضبط لون العنصر (<code>[[CSS/color|color]]</code>) إلى اللون البنفسجي (<code>purple</code>)، وذلك بتمرير القيمة <code>green</code> إلى الدالة <code>complement()‎</code>:<syntaxhighlight lang="sass">
+
المثال 1: ضبط لون العنصر (<code>[[CSS/color|color]]</code>) إلى اللون البنفسجي (<code>purple</code>)، وذلك بتمرير القيمة <code>green</code> إلى الدالة <code>complement()‎</code>.<syntaxhighlight lang="sass">
 
.selector {
 
.selector {
 
   color: complement(green); // purple
 
   color: complement(green); // purple

مراجعة 14:42، 2 مايو 2018

تعيد الدالة ()complement مكمّل اللون (complement of a color) الممرَّر إليها، وتكافئ استدعاء الدالة adjust-hue(color, 180deg)‎.

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

complement($color)

المعاملات

‎$color

القيمة اللونيَّة المراد الحصول على القيمة المكملة لها.

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

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

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

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

أمثلة

المثال 1: ضبط لون العنصر (color) إلى اللون البنفسجي (purple)، وذلك بتمرير القيمة green إلى الدالة complement()‎.

.selector {
  color: complement(green); // purple
}

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

selector {
  color: purple;
}

انظر أيضًا

  • الدالة adjust-hue()‎: تعدّل قيمة مكوِّن الصبغة (hue) للون الممرَّر إليها.

مصادر