在 CSS 變數上下文中使用 SASS rgba 函數?
P粉476046165
P粉476046165 2023-09-16 10:15:44
0
1
658

我們如何讓SASS rgbargba(#4caf50, 0.1) 轉換為rgba(76, 175, 80, 0.1)當上下文是CSS變數宣告的值側時?

為了清楚起見,這裡有一個例子:

$green: #4caf50;

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

@debug 語句將記錄 rgba(76, 175, 80, 0.1),這是正確的。

但是如果我們嘗試這樣做:

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

編譯結果為:

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

想法?

P粉476046165
P粉476046165

全部回覆(1)
P粉060112396

好的 - 在研究了 Angular Material 按鈕的源代碼之後,波紋程式碼就這樣做了並且它可以工作:

--mat-mdc-button-ripple-color:  #{rgba($color, 0.1)};
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板