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

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

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

darken($color, $amount)

قيمة لونية.

‎$amount

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

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

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

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

.selector {
  color: darken(hsla(25, 100%, 80%, 0.2), 30%); // rgba(255, 106, 0, 0.2)
  background-color: darken(#800, 20%); // #220000
}

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

.selector {
  color: rgba(255, 106, 0, 0.2);
  background-color: #220000;
}