我正在嘗試使用 mixin 創建變數，但是，當我這樣做時，lightenanddarken函式不起作用。
@mixin create-color($name, $value) {
--color-#{$name}: #{$value};
--color-#{$name}-light: lighten($color: #{$value}, $amount: 10);
--color-#{$name}-dark: darken($color: #{$value}, $amount: 10);
}
:root {
@include create-color('primary', #0000cd);
}
這將產生以下輸出：
:root {
--color-primary: #0000cd;
--color-primary-light: lighten($color: #0000cd, $amount: 10);
--color-primary-dark: darken($color: #0000cd, $amount: 10);
}
uj5u.com熱心網友回復：
您需要插入整個函式。
@mixin create-color($name, $value) {
--color-#{$name}: #{$value};
--color-#{$name}-light: #{lighten($color: $value, $amount: 10)};
--color-#{$name}-dark: #{darken($color: $value, $amount: 10)};
}
:root {
@include create-color('primary', #0000cd);
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/425206.html
下一篇：帶框架的圓形影像