Question

在“variables.scss”中，

// Shared Variables
// --------------------------------------------------
$toolbar-background: 'primary';

// Named Color Variables
// --------------------------------------------------
$colors: (
  primary:    #488aff,
  secondary:  #32db64,
  danger:     #f53d3d,
  light:      #f4f4f4,
  dark:       #222
);

如何使用主要工具栏背景颜色？我已尝试过'primary'或primary或$ primary，或map-get（）或color（）这里的回答（https://forum.ionicframework.com/t/how-to-use-variable-scss-color-in-scss-file/68813/2），但都没有。

Answer 1

您尝试在$colors定义之前获取值。

如果你移动你的共享变量＆＃34;在下面＆＃34;命名颜色变量＆＃34;，它应该工作得很好：）

像这样：

// Named Color Variables
// --------------------------------------------------
$colors: (
  primary:    #488aff,
  secondary:  #32db64,
  danger:     #f53d3d,
  light:      #f4f4f4,
  dark:       #222
);

// Shared Variables
// --------------------------------------------------
$toolbar-background: map-get($colors, primary);

@debug $toolbar-background; // #488aff

离子变量.scss工具栏背景为主？

1 个答案: