scss 在样式类中重用地图中的变量

【问题标题】：scss Reuse variables from map in style classscss 在样式类中重用地图中的变量
【发布时间】：2019-04-18 11:36:00
【问题描述】：

我有一个像素填充贴图

$sizes: (
  10_px: 10px,
  20_px: 20px,
  30_px: 30px
);

我如何在课堂上引用这个

.h1 {
  padding: map($sizes, 10_px);
  display: block;
  font-weight: bold;
}

好像没用。

【问题讨论】：

【解决方案1】：

我建议你使用 mixins

@mixin padding($value) {
  padding: $value
}

.h1 {
  $include padding(14px);
  display: block;
  font-weight: bold;
}

【讨论】：

我还想为常见尺寸创建和重用常量；说 header_size:24px，然后传递 $include font-size(header_size);我该怎么做？
可以创建多个mixin，但是对于单行css，可以放入inline，font-size: 24px。
mixins，默认情况下用于不写多行并且重用非常简单。像这样，有多个变量 @mixin 对齐（$margin，$padding，$text-align，$vertical-align，$horizontal-align）等。