الفرق بين المراجعتين ل"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()‎: تعدّل صبغة اللون.

مصادر