Ubah opacity alpha dari variabel KURANG

171

Menggunakan KURANG, saya tahu bahwa saya dapat mengubah saturasi atau warna variabel warna. Itu terlihat seperti ini:

background: lighten(@blue, 20%);

Saya ingin mengubah opacity alfa warna saya. Lebih disukai seperti ini:

background: alpha(@blue, 20%);

Apakah ada cara sederhana untuk melakukan ini di KURANG?

css variables less opacity alpha ben
sumber

Jawaban:

303

The dokumentasi situs memberikan jawabannya:

background: fade(@blue, 20%);

Nama fungsi fadetidak alphasesuai dengan dokumen itu.

ScottS
sumber
Terima kasih! Saya sudah lelah mengonversi semuanya menjadi RGBA!
BillyNair
Saya mencari yang gelap dan terang .. Docs membuat saya di sana. Terima kasih
1
Saya setuju 'memudar' sepertinya tidak akurat bagi saya. Sass melakukannya dengan benar: alpha (), opacity (), dan rgba ().
Rich Finelli
2
Sebagai catatan, fade()tidak bekerja dengan CSS vars - iefade(var(--mycolor), 20%)
ed1nh0
26

Untuk kelengkapan

luntur

Tetapkan transparansi mutlak warna. Dapat diaplikasikan ke warna apakah sudah memiliki nilai opacity atau tidak.

background: fade(@blue, 20%);

fadein

Kurangi transparansi (atau tambah opacity) suatu warna, membuatnya lebih buram.

background: fadein(@blue, 80%);

fadeout

Tingkatkan transparansi (atau kurangi opacity) suatu warna, membuatnya kurang buram. Untuk memudar ke arah lain gunakan fadein.

background: fadeout(@blue, 20%);

Lihat Dokumentasi Lengkap

Adrian Enriquez
sumber
1
Fadeout adalah apa yang saya cari, terima kasih!
maxime1992