Bagaimana cara kita membuat SASSrgba将rgba(#4caf50, 0.1)转换为rgba(76, 175, 80, 0.1)apabila konteksnya ialah bahagian nilai bagi pengisytiharan pembolehubah CSS?
Untuk kejelasan, berikut ialah contoh:
$green: #4caf50; $green-rgba: rgba($green, 0.1); @debug $green-rgba; // rgba(76, 175, 80, 0.1)
@debug语句将记录rgba(76, 175, 80, 0.1), betul.
Tetapi jika kita mencuba ini:
test { --mat-mdc-button-ripple-color: rgba(#4caf50, 0.1); }
Hasil kompilasi ialah:
test { --mat-mdc-button-ripple-color: rgba(#4caf50, 0.1); }
Idea?
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Ok - selepas melihat ke dalam kod sumber butang Angular Material, kod riak melakukan ini dan ia berfungsi:
--mat-mdc-button-ripple-color: #{rgba($color, 0.1)};