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

من موسوعة حسوب
اذهب إلى التنقل اذهب إلى البحث
(أنشأ الصفحة ب'<noinclude>{{DISPLAYTITLE: الدالة <code>()invert</code> في Sass}}</noinclude> تجعل الدالة <code>()invert</code> اللون بالأبيض والأسو...')
 
سطر 1: سطر 1:
 
<noinclude>{{DISPLAYTITLE: الدالة <code>()invert</code> في Sass}}</noinclude>
 
<noinclude>{{DISPLAYTITLE: الدالة <code>()invert</code> في Sass}}</noinclude>
تجعل الدالة <code>()invert</code> اللون بالأبيض والأسود. وهذا مثل <code>desaturate(color, 100%).</code>
+
تعيد الدالة <code>()invert</code> معكوس اللون. أي تعكس قيم المركبات الحمراء والخضراء والزرقاء دون المساس بالشفافية (opacity).
== البنية العامة ==
+
== البنية العامة - الشكل الأول ==
 
<syntaxhighlight lang="sass">
 
<syntaxhighlight lang="sass">
 
invert($color)
 
invert($color)
 +
</syntaxhighlight>
 +
== البنية العامة - الشكل الثاني ==
 +
<syntaxhighlight lang="sass">
 +
invert($color, $weight: 100%)
 
</syntaxhighlight>
 
</syntaxhighlight>
  
سطر 10: سطر 14:
 
=== <code>‎$color</code> ===
 
=== <code>‎$color</code> ===
 
قيمة لونية.
 
قيمة لونية.
 +
 +
=== <code>‎$weight </code> ===
 +
الوزن النسبي للون المعكوس.
  
 
== القيم المعادة ==
 
== القيم المعادة ==
سطر 15: سطر 22:
  
 
== الأخطاء والاستثناءات ==
 
== الأخطاء والاستثناءات ==
سيُرمى الخطأ <code>ArgumentError</code> إن لم يكن <code>‎$color</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>‎: تعدّل تشبع اللون.
  
 
== مصادر ==
 
== مصادر ==
* [https://sass-lang.com/documentation/Sass/Script/Functions.html#grayscale-instance_method قسم الدالة  في صفحة الدوال في توثيق Sass الرسمي.]
+
* [https://sass-lang.com/documentation/Sass/Script/Functions.html#invert-instance_method قسم الدالة  في صفحة الدوال في توثيق Sass الرسمي.]
 
[[تصنيف:Sass]]
 
[[تصنيف:Sass]]
 
[[تصنيف: Sass Function]]
 
[[تصنيف: Sass Function]]

مراجعة 17:08، 19 أبريل 2018

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

البنية العامة - الشكل الأول

invert($color)

البنية العامة - الشكل الثاني

invert($color, $weight: 100%)

المعاملات

‎$color

قيمة لونية.

‎$weight 

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

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

اللون المُعدّل.

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

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

انظر أيضًا

  • الدالة desaturate()‎: تجعل اللون أقل تشبّعًا.
  • الدالة adjust-hue()‎: تعدّل تشبع اللون.

مصادر