Question

我正在尝试更改调色板（$ foundation-palette），就像Zurb Foundation上的“全球样式”指南中一样，将其放在base / settings.scss文件中，但似乎不起作用。这是代码：

// settings.scss
$foundation-palette: (
  primary: #FF7212,
  secondary: #000000,
  success: #3adb76,
  warning: #ffae00,
  alert: #cc4b37,
);

// app.scss
@import 'base/mixins';
@import 'base/variables';
@import 'base/settings';
@import 'base/color';
@import 'base/reset';
@import 'base/global';
@import 'base/text';

任何帮助，请谢谢...

Answer 1

此Sass映射中的所有变量均已定义，并且可以通过调用CSS属性来使用，例如：

.thing {
  color: $success-color;
}

您可以添加自己的地图键值对，就像这里我添加了第三级键一样：

$foundation-palette: (
  primary: #5C27AF,
  secondary: #3adb76,
  tertiary: #009CBF,
  success: #3adb76,
  warning: #ffae00,
  error: #cc4b37,
  alert: #E3162F,
);

要调用此新地图键并获取值：

.thing {
  color: get-color(tertiary);
}

Foundation 6自定义调色板不起作用

1 个答案: