الفرق بين المراجعتين ل"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>
== البنية العامة - الشكل الثاني ==
+
=== الشكل الثاني ===
 
<syntaxhighlight lang="sass">
 
<syntaxhighlight lang="sass">
 
invert($color, $weight: 100%)
 
invert($color, $weight: 100%)

مراجعة 17:14، 22 أبريل 2018

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

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

الشكل الأول

invert($color)

الشكل الثاني

invert($color, $weight: 100%)

المعاملات

‎$color

قيمة لونية.

‎$weight 

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

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

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

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

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

انظر أيضًا

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

مصادر