如何在 scss 文件中使用 Ionic variables.scss $color？答案

【问题标题】：How to use Ionic variables.scss $color in scss file?如何在 scss 文件中使用 Ionic variables.scss $color？
【发布时间】：2018-11-29 04:17:44
【问题描述】：

默认情况下，Ionic 提供以下颜色：

$colors: (
  primary: #EF5A28,
  secondary: #f5911e,
  danger: #f53d3d,
  light: #f4f4f4,
  dark: #222,
  favorite: #69BB7B,
  darkgraycustom: #333333,
  mediumgraycustom:#666666,
  lightgraycustom : #b2b2b2
);

当我们使用 color="primary" 直接绑定到 DOM 时，这很容易使用，但是如果我想在我的 .scss 文件中使用，那么如何访问此列表中的颜色？

例如，如果我希望我的边框是原色？ border:1px solid $color.primary 之类的东西？

【问题讨论】：

标签： ionic-framework sass

【解决方案1】：

使用此代码：

.some-class {
  color: color($colors, primary, base);
}

【讨论】：