【问题标题】:SASS / SCSS use variable to define several properties?SASS/SCSS 使用变量来定义几个属性?
【发布时间】:2015-07-31 22:05:31
【问题描述】:

我想做以下事情:

$test: color: red; background-color: green; font-size: $foo;

有没有办法,如果没有,我应该怎么做?

codepen is spitting an error at me 尝试执行上述操作时。

【问题讨论】:

  • 这就是 mixin 的用途。

标签: sass compass-sass


【解决方案1】:

如果要在 Sass 中定义多个属性,可以使用 map,如下:

$test: (
    item-one: red, 
    item-two: green, 
    item-three: $foo
);

但是,您无法通过地图实现您想要实现的目标,因为属性仅在 规则中允许使用。

正如cimmanon 所指出的,最好使用mixin。

【讨论】:

  • 地图的典型用例是什么?
  • 项目配置和保持 Sass DRY 似乎是最大的用例。 Sitepoint 上有一篇很棒的文章,它提供了更多关于使用 Sass 进行项目配置、模块配置、创建 DRY Sass 和 CSS 转储的信息。绝对值得一读!我还在Sassmeister 上添加了一个快速的Gist,给你一个真实的例子。
  • 嗯,不,我不明白我应该如何使用地图。我只能在规则内使用它?什么?好吧,我对变量定义所做的一切最终都是在 css 规则中使用它。例如。你能在你使用地图的地方显示一个 sn-p 吗?
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2020-03-16
  • 1970-01-01
  • 1970-01-01
  • 2018-03-10
  • 1970-01-01
  • 2018-05-10
  • 2015-04-07
相关资源
最近更新 更多