基金会6定义调色板不起作用

Question

我试图改变颜色的调色板（$基础调色板）就像从Zurb基金会全球样式指导，把它放在底座/ 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

所有的这种无礼的话地图的变量已经定义，并且/可以通过调用像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);
}