الدالة `()darken` في Sass

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

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

darken($color, $amount)

قيمة لونية.

‎$amount

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

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

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

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

.selector {
   color: darken(hsl(25, 100%, 80%), 30%) // hsl(25, 100%, 50%)
   background-color: darken(#800, 20%) // #200
}

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

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