الفرق بين المراجعتين ل"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(): تُنشئ لونًا انطلاقا من قيم الصبغة والتشبُّع والإضاءة.