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

تجعل الدالة ()opacify (تٌسمّى كذلك fade_in) اللون أكثر عتامةً. تأخذ لونًا وعددًا بين 0 و 1، وتعيد لونًا مع زيادة عتامته بذلك المقدار.

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

opacify($color, $amount)

قيمة لونية.

مقدار زيادة العتامة.

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

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

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

.selector {
   color: opacify(rgba(0, 0, 0, 0.5), 0.1) // rgba(0, 0, 0, 0.6)
   background-color: opacify(rgba(0, 0, 17, 0.8), 0.2) // #001
}

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

.selector {
   color: rgba(0, 0, 0, 0.6);
   background-color: #001;
}