الفرق بين المراجعتين لصفحة: «Sass/adjust hue»
< Sass
جميل-بيلوني (نقاش | مساهمات) ط إضافة دالة إلى قسم "انظر أيضًَا". |
لا ملخص تعديل |
||
| سطر 25: | سطر 25: | ||
المثال 1: استخدام الدالة <code>adjust_hue()</code> مع [[CSS/color value|قيمة لونيَّة]] بالنظام الست عشري، وأخرى باستخدام الدالة <code>[[Sass/hsl|hsl()]]</code>.<syntaxhighlight lang="sass"> | المثال 1: استخدام الدالة <code>adjust_hue()</code> مع [[CSS/color value|قيمة لونيَّة]] بالنظام الست عشري، وأخرى باستخدام الدالة <code>[[Sass/hsl|hsl()]]</code>.<syntaxhighlight lang="sass"> | ||
.selector { | .selector { | ||
background-color: adjust-hue(hsl(120, 30%, 90%), 60deg); // #deeded | |||
color: adjust-hue(#811, 45deg); // #886a11 | |||
} | } | ||
</syntaxhighlight>سيُصرّف المثال السابق إلى شيفرة [[CSS]] الآتية:<syntaxhighlight lang="css"> | </syntaxhighlight>سيُصرّف المثال السابق إلى شيفرة [[CSS]] الآتية:<syntaxhighlight lang="css"> | ||
.selector { | .selector { | ||
background-color: #deeded; | |||
color: #886a11; } | |||
} | |||
</syntaxhighlight> | </syntaxhighlight> | ||
مراجعة 13:17، 7 مايو 2018
تُغير الدالة adjust_hue() صبغة (hue) اللون إذ يمرر لها اللون وعدد الدرجات (يكون عادةً ما بين -360deg و 360deg) ، ثمَّ تُعيد لونًا بعد تدوير الصبغة على طول عجلة اللون (color wheel) بالمقدار المُحدّد.
البنية العامة
adjust_hue($color, $degrees)
المعاملات
$color
اللون المراد تعديله.
$degrees
عدد درجات تدوير الصبغة.
القيم المعادة
تُعاد قيمة لونيَّة بعد التعديل.
الأخطاء والاستثناءات
سيُرمى الخطأ ArgumentError إذا كان أيٌّ من المعاملات من النوع الخطأ.
أمثلة
المثال 1: استخدام الدالة adjust_hue() مع قيمة لونيَّة بالنظام الست عشري، وأخرى باستخدام الدالة hsl().
.selector {
background-color: adjust-hue(hsl(120, 30%, 90%), 60deg); // #deeded
color: adjust-hue(#811, 45deg); // #886a11
}
سيُصرّف المثال السابق إلى شيفرة CSS الآتية:
.selector {
background-color: #deeded;
color: #886a11; }
انظر أيضًا
- الدالة
alpha(): تُعيد قيمة مكون الشفافيَّة (alpha). - الدالة
adjust_color(): تغيِّر خاصِّيَّات اللون. - الدالة
hsl(): تُنشئ لونًا انطلاقا من قيم الصبغة والتشبُّع والإضاءة.