ZURB基金会6基色变量 查看ZURB基金会6中的SCSDS,SASS变量 $原色< /代码>似乎没有任何赋值。我的问题是,$foundation paletsprimary是否等同于$primary color $foundation-palette: ( primary: #2199e8, secondary: #777, success: #3adb76, warning: #ffae00, alert: #ec5840, );
是的。在ZURB基金会6基色变量 查看ZURB基金会6中的SCSDS,SASS变量 $原色< /代码>似乎没有任何赋值。我的问题是,$foundation paletsprimary是否等同于$primary color $foundation-palette: ( primary: #2199e8, secondary: #777, success: #3adb76, warning: #ffae00, alert: #ec5840, );,sass,zurb-foundation,zurb-foundation-6,Sass,Zurb Foundation,Zurb Foundation 6,是的。在scss/util/_color.scss中有一个@mixin为我们处理这个问题: /// Transfers the colors in the `$foundation-palette` variable into the legacy color variables, such as `$primary-color` and `$secondary-color`. Call this mixin below the Global section of your settings f
scss/util/_color.scss
中有一个@mixin
为我们处理这个问题:
/// Transfers the colors in the `$foundation-palette` variable into the legacy color variables, such as `$primary-color` and `$secondary-color`. Call this mixin below the Global section of your settings file to properly migrate your codebase.
@mixin add-foundation-colors() {
@if map-has-key($foundation-palette, primary) {
$primary-color: map-get($foundation-palette, primary) !global;
}
@if map-has-key($foundation-palette, secondary) {
$secondary-color: map-get($foundation-palette, secondary) !global;
}
@if map-has-key($foundation-palette, success) {
$success-color: map-get($foundation-palette, success) !global;
}
@if map-has-key($foundation-palette, warning) {
$warning-color: map-get($foundation-palette, warning) !global;
}
@if map-has-key($foundation-palette, alert) {
$alert-color: map-get($foundation-palette, alert) !global;
}
}
是的,他们是平等的$原色是传统的东西,只需使用调色板即可