الفرق بين المراجعتين ل"Sass/invert"
< Sass
اذهب إلى التنقل
اذهب إلى البحث
ط (استبدال النص - 'توثيق Sass الرسمي.]' ب'توثيق Sass الرسمي].') |
|||
| (مراجعة متوسطة واحدة بواسطة نفس المستخدم غير معروضة) | |||
| سطر 45: | سطر 45: | ||
== مصادر == | == مصادر == | ||
| − | * [https://sass-lang.com/documentation/Sass/Script/Functions.html#invert-instance_method قسم الدالة invert في صفحة الدوال في توثيق Sass الرسمي. | + | * [https://sass-lang.com/documentation/Sass/Script/Functions.html#invert-instance_method قسم الدالة invert في صفحة الدوال في توثيق Sass الرسمي]. |
| − | [[تصنيف:Sass]] | + | [[تصنيف:Sass|{{SUBPAGENAME}}]] |
| − | [[تصنيف: Sass Function]] | + | [[تصنيف: Sass Function|{{SUBPAGENAME}}]] |
المراجعة الحالية بتاريخ 07:00، 20 مايو 2018
تعيد الدالة ()invert عكس اللون الممرَّر إليها. أي تعكس قيم المركبات الحمراء والخضراء والزرقاء للون الممرَّر إليها دون المساس بقيمة الشفافيَّة (opacity).
البنية العامة
invert($color)
invert($color, $weight: 100%)
المعاملات
$color
اللون المراد الحصول على معاكسه.
$weight
الوزن النسبي للون المعكوس.
القيم المعادة
تُعاد قيمة اللون المعاكس للون $color.
الأخطاء والاستثناءات
سيُرمى الخطأ ArgumentError إن لم يكن $color لونًا أو لم يكن $weight نسبة مئوية.
أمثلة
مثال عن استخدام الدالة ()invert لعكس لون النص color ولون الخلفية background-color مع استخدام للوزن النسبي $weight:
.original {
color: white;
background-color: orange;
}
.inverted {
color: invert(white); // black
background-color: invert(orange, 30%); // #b38f4d
}
ستُصرَّف الشيفرة السابقة إلى شيفرة CSS الآتية:
.original {
color: white;
background-color: orange; }
.inverted {
color: black;
background-color: #b38f4d; }
انظر أيضًا
- الدالة
desaturate(): تجعل اللون أقل تشبّعًا. - الدالة
adjust_hue(): تعدّل صبغة اللون.