Sangat umum membutuhkan sedikit hitam atau putih transparan. Di CSS, Anda dapat melakukan:
.half-black ( background: rgba(0, 0, 0, 0.5); )
Semakin mudah di Sass, di mana Anda dapat mengganti nama warna:
.half-black ( background: rgba(black, 0.5); )
Atau buat lebih mudah lagi, dengan membuat fungsi khusus:
@function black($opacity) ( @return rgba(black, $opacity) ) @function white($opacity) ( @return rgba(white, $opacity) ) .half-black ( background: black(0.5); )