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

Saya setuju 'memudar' sepertinya tidak akurat bagi saya. Sass melakukannya dengan benar: alpha (), opacity (), dan rgba ().

— Rich Finelli

Sebagai catatan, fade()tidak bekerja dengan CSS vars - iefade(var(--mycolor), 20%)

— ed1nh0

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%);

— Adrian Enriquez
sumber

Fadeout adalah apa yang saya cari, terima kasih!

— maxime1992