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

مراجعة 04:28، 21 أبريل 2018

تُنشئ لونًا انطلاقا من قيم الصبغة (hue) والتشبع (saturation) والإضاءة (lightness). تستخدم الدالة خوارزمية من مواصفات CSS.

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

hsl($hue, $saturation, $lightness)

المعاملات

`‎$hue`

صبغة اللون. يجب أن تكون بين 0 و 360 درجة.

`‎$saturation`

تشبُّع اللون. يجب أن يكون محصورًا بين ‎0%‎ و ‎100%.

`‎$lightness`

إضاءة اللون. يجب أن تكون بين ‎0%‎ و ‎100%.

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

اللون الناتج.

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

سيُرمى الخطأ ArgumentError إن كانت المعاملات من النوع الخطأ أو كان ‎$lightness و ‎$saturation خارج الحدود.

أمثلة

مثال عن ضبط لون العنصر (color) باستخدام الدالة hsl()‎:

.selector {
  color: hsl(50, 50, 50); // #bfaa40
}

ستُصرَّف الشيفرة السابقة إلى الناتج الآتي:

.selector {
  color: #bfaa40;
}

انظر أيضًا

الدالة hsla()‎: تُنشئ لونًا انطلاقا من قيم الصبغة والتشبع والإضاءة والشفافية.

مصادر

قسم الدالة hsl في صفحة الدوال في توثيق Sass الرسمي.

@@ سطر 1: / سطر 1: @@
-تُنشئ لونًا انطلاقا من قيم الصبغة (hue) والتشبع (saturation) والإضاءة (lightness). تستخدم الدالة [http://www.w3.org/TR/css3-color/#hsl-color خوارزمية] من مواصفات [[CSS|CSS3]].<noinclude>{{DISPLAYTITLE: الدالة <code>()hsl</code> في Sass
+تُنشئ لونًا انطلاقا من قيم الصبغة (hue) والتشبع (saturation) والإضاءة (lightness). تستخدم الدالة [http://www.w3.org/TR/css3-color/#hsl-color خوارزمية] من مواصفات [[CSS|CSS]].<noinclude>{{DISPLAYTITLE: الدالة <code>()hsl</code> في Sass
 }}</noinclude>
@@ سطر 22: / سطر 22: @@
 == الأخطاء والاستثناءات ==
-سيُرمى الخطأ <code>ArgumentError</code> إن كانت المعاملات من النوع الخاطئ أو كان <code>‎$lightness و ‎$saturation</code> خارج الحدود.
+سيُرمى الخطأ <code>ArgumentError</code> إن كانت المعاملات من النوع الخطأ أو كان <code>‎$lightness</code> و <code>‎$saturation</code> خارج الحدود.
+== أمثلة ==
+مثال عن ضبط لون العنصر (color) باستخدام الدالة hsl()‎:<syntaxhighlight lang="sass">
+.selector {
+  color: hsl(50, 50, 50); // #bfaa40
+}
+</syntaxhighlight>ستُصرَّف الشيفرة السابقة إلى الناتج الآتي:<syntaxhighlight lang="css">
+.selector {
+  color: #bfaa40;
+}
+</syntaxhighlight>
 == انظر أيضًا ==
-* الدالة <code>[[Sass/hsla|'''hsla'''()]]</code>‎:تُنشئ لونًا انطلاقا من قيم الصبغة والتشبع  والإضاءة والشفافية.
+* الدالة <code>[[Sass/hsla|hsla()]]</code>‎: تُنشئ لونًا انطلاقا من قيم الصبغة والتشبع والإضاءة والشفافية.
 == مصادر ==
-* [https://sass-lang.com/documentation/Sass/Script/Functions.html#hsl-instance_method قسم الدالة  في صفحة الدوال في توثيق Sass الرسمي.]
+* [https://sass-lang.com/documentation/Sass/Script/Functions.html#hsl-instance_method قسم الدالة hsl في صفحة الدوال في توثيق Sass الرسمي.]
 [[تصنيف:Sass]]
 [[تصنيف: Sass Function]]