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

مصادر