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

مراجعة 15:41، 19 أبريل 2018

تجعل الدالة ()lighten اللون أكثر إضاءةً (lightness). وتأخذ لونا وعددا بين ‎0% و ‎100%.وتعيد لونًا بعد تعديل الإضاءة.

#lighten ($color, $amount)

قيمة لونية.

‎$amount

مقدار رفع الإضاءة، قيمته تكون بين ‎0% و ‎100%.

اللون المُعدّل.

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

مثال عن استخدام الدالة lighten()‎ لضبط قيمة اللون (color) ولون الخلفية (background-color):

.selector {
   color: lighten(hsl(0, 0%, 0%), 30%) // hsl(0, 0, 30)
   background-color: lighten(#800, 20%) // #e00
}

سيُصرّف المثال السابق إلى شيفرة CSS الآتية:

.selector {
   color:  hsl(0, 0, 30);
   background-color: #e00;
}

@@ سطر 22: / سطر 22: @@
 == أمثلة ==
-مثال عن استخدام الدالة abs()‎ لضبط قيمة الحواشي ([[CSS/padding|padding]]) والهوامش ([[CSS/margin|margin]]) إلى 20px:<syntaxhighlight lang="sass">
+مثال عن استخدام الدالة <code>lighten()‎</code> لضبط قيمة اللون ([[CSS/color|color]]) ولون الخلفية ([[CSS/background-color|background-color]]):<syntaxhighlight lang="sass">
 .selector {
    color: lighten(hsl(0, 0%, 0%), 30%) // hsl(0, 0, 30)
    background-color: lighten(#800, 20%) // #e00
 }
-</syntaxhighlight>سيُصرّف المثال السابق إلى شيفرة CSS الآتية:<syntaxhighlight lang="css">
+</syntaxhighlight>سيُصرّف المثال السابق إلى شيفرة <code>CSS</code> الآتية:<syntaxhighlight lang="css">
 .selector {
    color:  hsl(0, 0, 30);