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

مصادر