如何在scss文件中使用Ionic variables.scss $ color?

时间:2018-11-28 20:17:44

标签: ionic-framework sass

默认情况下,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一样?

1 个答案:

答案 0 :(得分:0)

使用此代码:

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