Verwenden Sie SASS RGBA-Funktionen im Kontext von CSS-Variablen?
P粉476046165
P粉476046165 2023-09-16 10:15:44
0
1
683

Wie erstellen wir SASS rgbargba(#4caf50, 0.1) 转换为 rgba(76, 175, 80, 0.1)wenn der Kontext die Wertseite einer CSS-Variablendeklaration ist?

Zur Verdeutlichung hier ein Beispiel:

$green: #4caf50;

$green-rgba: rgba($green, 0.1);
@debug $green-rgba; // rgba(76, 175, 80, 0.1)

@debug 语句将记录 rgba(76, 175, 80, 0.1), das stimmt.

Aber wenn wir das versuchen:

test {
    --mat-mdc-button-ripple-color: rgba(#4caf50, 0.1);
}

Das Kompilierungsergebnis ist:

test {
  --mat-mdc-button-ripple-color: rgba(#4caf50, 0.1);
}

Ideen?

P粉476046165
P粉476046165

Antworte allen(1)
P粉060112396

好的 - 在研究了 Angular Material 按钮的源代码之后,波纹代码就这样做了并且它可以工作:

--mat-mdc-button-ripple-color:  #{rgba($color, 0.1)};
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage