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

من موسوعة حسوب
لا ملخص تعديل
ط مراجعة الصفة وتدقيقها.
سطر 1: سطر 1:
<noinclude>{{DISPLAYTITLE: الدالة <code>()invert</code> في Sass}}</noinclude>
<noinclude>{{DISPLAYTITLE: الدالة <code>()invert</code> في Sass}}</noinclude>
تعيد الدالة <code>()invert</code> معكوس اللون. أي تعكس قيم المركبات الحمراء والخضراء والزرقاء دون المساس بالشفافية (opacity).
تعيد الدالة <code>()invert</code> عكس اللون الممرَّر إليها. أي تعكس قيم المركبات الحمراء والخضراء والزرقاء للون الممرَّر إليها دون المساس بقيمة الشفافيَّة (opacity).
== البنية العامة ==
== البنية العامة ==
=== الشكل الأول ===
<syntaxhighlight lang="sass">
<syntaxhighlight lang="sass">
invert($color)
invert($color)
</syntaxhighlight>
=== الشكل الثاني ===
<syntaxhighlight lang="sass">
invert($color, $weight: 100%)
invert($color, $weight: 100%)
</syntaxhighlight>
</syntaxhighlight>
 
=== المعاملات ===
== المعاملات ==
 
=== <code>‎$color</code> ===
=== <code>‎$color</code> ===
قيمة لونية.
اللون المراد الحصول على معاكسه.


=== <code>‎$weight </code> ===
=== <code>‎$weight</code> ===
الوزن النسبي للون المعكوس.
الوزن النسبي للون المعكوس.


== القيم المعادة ==
== القيم المعادة ==
اللون المُعدّل.
تُعاد قيمة اللون المعاكس للون <code>‎$color</code>.


== الأخطاء والاستثناءات ==
== الأخطاء والاستثناءات ==
سيُرمى الخطأ <code>ArgumentError</code> إن لم يكن <code>‎$color</code> لونًا أو لم يكن<code>‎$weight</code>نسبة مئوية.
سيُرمى الخطأ <code>ArgumentError</code> إن لم يكن <code>‎$color</code> لونًا أو لم يكن <code>‎$weight</code> نسبة مئوية.


== انظر أيضًا ==
== انظر أيضًا ==
* الدالة <code>[[Sass/desaturate|desaturate()]]</code>‎: تجعل اللون أقل تشبّعًا.
* الدالة <code>[[Sass/desaturate|desaturate()]]</code>‎: تجعل اللون أقل تشبّعًا.
* الدالة <code>[[Sass/adjust hue|adjust-hue()]]</code>‎: تعدّل تشبع اللون.
* الدالة <code>[[Sass/adjust hue|adjust_hue()]]</code>‎: تعدّل صبغة اللون.


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

مراجعة 07:44، 3 مايو 2018

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

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

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

المعاملات

‎$color

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

‎$weight

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

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

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

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

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

انظر أيضًا

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

مصادر