الفرق بين المراجعتين لصفحة: «Sass/desaturate»
< Sass
جميل-بيلوني (نقاش | مساهمات) طلا ملخص تعديل |
ط استبدال النص - '\[\[تصنيف:(.*)\]\]' ب'{{SUBPAGENAME}}' |
||
| سطر 45: | سطر 45: | ||
== مصادر == | == مصادر == | ||
* [https://sass-lang.com/documentation/Sass/Script/Functions.html#desaturate-instance_method قسم الدالة desaturate في صفحة الدوال في توثيق Sass الرسمي.] | * [https://sass-lang.com/documentation/Sass/Script/Functions.html#desaturate-instance_method قسم الدالة desaturate في صفحة الدوال في توثيق Sass الرسمي.] | ||
[[تصنيف:Sass]] | [[تصنيف:Sass|{{SUBPAGENAME}}]] | ||
[[تصنيف: Sass Function]] | [[تصنيف: Sass Function|{{SUBPAGENAME}}]] | ||
مراجعة 07:01، 20 مايو 2018
تجعل الدالة ()desaturate اللون أقل تشبُّعًا. يمرَّر إليها لونًا وعددًا يتراوح بين 0% و 100% ثمَّ تعيد ذلك اللون بعد تقليل قيمة مكوِّن تشبُّعه بحسب القيمة الأخيرة.
البنية العامة
desaturate($color, $amount)
المعاملات
$color
القيمة اللونيَّة التي ستُجرى عليها العمليَّة.
$amount
قيمة تمثِّل مقدار تقليل التشبُّع، ويجب أن تتراوح بين 0% و 100%.
القيم المعادة
يُعاد اللون $color بعد تقليل قيمة مكوِّن التشبع له بمقدار $amount.
الأخطاء والاستثناءات
سيُرمى الخطأ ArgumentError إن كان أحد المعاملات من النوع الخطأ، أو كانت قيمة المعامل $amount خارج المجال المسموح.
أمثلة
مثال عن استخدام الدالة desaturate() لضبط قيمة اللون (color) ولون الخلفية (background-color):
.selector {
color: desaturate(hsla(120, 30%, 90%, 0.5), 20%); // rgba(227, 232, 227, 0.5)
background-color: desaturate(#855, 20%); // #726b6b
}
سيُصرّف المثال السابق إلى شيفرة CSS الآتية:
.selector {
color: rgba(227, 232, 227, 0.5);
background-color: #726b6b; }
انظر أيضًا
- الدالة
saturate(): تجعل اللون أكثر تشبّعًا. - الدالة
lighten(): تجعل اللون أكثر سطوعًا. - الدالة
()opacify: تجعل اللون أكثر عتامةً. - الدالة
darken(): تجعل اللون أكثر ظلمة. - الدالة
hsla(): تُنشئ لونًا انطلاقًا من قيم الصبغة والتشبُّع والسطوع والشفافيَّة. - الدالة
hsl(): تُنشئ لونًا انطلاقًا من قيم الصبغة والتشبُّع والسطوع والشفافيَّة. - الدالة
saturation(): تُعيدُ الدالة قيمة مُكوّن التشبع الخاص باللون.