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

مراجعة 03:17، 21 أبريل 2018

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

complement($color)

قيمة لونية.

قيمةٌ لونيةٌ.

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

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

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

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

selector {
  color: purple;
}

@@ سطر 1: / سطر 1: @@
 <noinclude>{{DISPLAYTITLE: الدالة <code>()complement</code> في Sass}}</noinclude>
-تعيد الدالة <code>()complement</code> مكمّل اللون (complement of a color). وهذا مثل <code>adjust-hue(color, 180deg)‎.</code>
+تعيد الدالة <code>()complement</code> مكمّل اللون (complement of a color). وهي تكافئ استدعاء الدالة <code>adjust-hue(color, 180deg)‎</code>.
 == البنية العامة ==
 <syntaxhighlight lang="sass">
@@ سطر 16: / سطر 16: @@
 == الأخطاء والاستثناءات ==
 سيُرمى الخطأ <code>ArgumentError</code> إن لم يكن <code>‎$color</code> لونًا.
+== أمثلة ==
+المثال الآتي يضبط لون العنصر (<code>[[CSS/color|color]]</code>) إلى اللون البنفسجي (<code>purple</code>)، وذلك بتمرير القيمة <code>green</code> إلى الدالة <code>complement()‎</code>:<syntaxhighlight lang="sass">
+.selector {
+  color: complement(green); // purple
+}
+</syntaxhighlight>ستصرّف الشيفرة السابقة إلى شيفرة CSS الآتية:<syntaxhighlight lang="css">
+selector {
+  color: purple;
+}
+</syntaxhighlight>
 == انظر أيضًا ==
-* الدالة <code>[[Sass/adjust hue|adjust-hue()]]</code>‎: تعدّل تشبع اللون.
+* الدالة <code>[[Sass/adjust hue|adjust-hue()]]</code>‎: تعدّل قيمة hue.
 == مصادر ==