Пользовательская цветовая палитра Foundation 6 не работает

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);
}