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

من موسوعة حسوب
اذهب إلى التنقل اذهب إلى البحث
سطر 40: سطر 40:
  
 
== مصادر ==
 
== مصادر ==
* [https://sass-lang.com/documentation/Sass/Script/Functions.html#declare-class_method قسم الدالة adjust_hue  في صفحة الدوال في توثيق Sass الرسمي.]
+
* [https://sass-lang.com/documentation/Sass/Script/Functions.html#adjust_hue-instance_method قسم الدالة adjust_hue في صفحة الدوال في توثيق Sass الرسمي.]
 
[[تصنيف:Sass]]
 
[[تصنيف:Sass]]
 
[[تصنيف: Sass Function]]
 
[[تصنيف: Sass Function]]

مراجعة 02:15، 18 أبريل 2018

تُغير صبغة اللون. إذ تأخذ لونًا وعددًا من الدرجات (يكون عادةً ما بين ‎-‎360deg و 360deg) ، وتُعيد لونًا مع تدوير الصبغة (hue) على طول اللون بالمقدار المُحدّد.

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

adjust_hue($color, $degrees)

المعاملات

‎$color

اللون المراد تعديله.

‎$degrees

عدد درجات تدوير الصبغة

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

قيمة لونية بعد التعديل.

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

سيُرمى الخطأ ArgumentError إذا كان أيٌّ من المعاملات من النوع الخاطئ.

أمثلة

مثال عن استخدام الدالة adjust_hue()‎ مع قيمة لونية بالنظام الست عشري، وأخرى باستخدام الدالة hsl()‎:

.selector {
  background-color: adjust-hue(hsl(120, 30%, 90%), 60deg); // hsl(180, 30%, 90%)
  color: adjust-hue(#811, 45deg); // #886a11
}

سيُصرّف المثال السابق إلى شيفرة CSS الآتية:

.selector {
  background-color: hsl(180, 30%, 90%);
  color: #886a11;
}

انظر أيضًا

  • الدالة alpha()‎: تُعيد قيمة مكون الشفافية (alpha).
  • الدالة adjust_color()‎: تغير خاصيات اللون.

مصادر