類似的問題,但需要此幫助,我想使用兩個 css 變數更改網站的整體顏色,--color-primary并且--color-secondary,因為我在管理儀表板中有兩種顏色選項。管理員可以根據他們的品牌為每個上市公司更改顏色。
所以我有 5 種顏色,兩種是深色的,另外三種是同色系的淺色。
我想在某些地方將深色轉換為淺色。這是我的代碼不起作用。 代碼筆
:root {
--color-primary: blue;
--color-secondary: red;
}
$primary : var(--color-primary);
//convert to light form primary color
$bg-color : scale-color($primary, $lightness:80%);
.logo{
background: $bg-color;
height: 100px;
width:100px;
}
有誰知道我該如何解決這個問題?或者只是不可能?提前致謝。
uj5u.com熱心網友回復:
它不能將從 css 根選擇器分配的變數作為引數。但是你可以這樣做:
$primary:blue;
$bg-color:lighten($primary,80%);
or $bg-color:scale-color($primary,$lightness:80%);
.logo{
background: $bg-color;
}
<////EDITED///> 這個網站可能有一個解決方案 https://codyhouse.co/blog/post/how-to-combine-sass-color-functions-and-css-variables
uj5u.com熱心網友回復:
去掉原色,你就可以開始了
轉載請註明出處,本文鏈接:https://www.uj5u.com/ruanti/327047.html
上一篇:Bash變數導致預期輸出混亂
下一篇:無法從函式中運行find命令
