如何在 sass 混入中为每个属性添加值？

Question

我是 Sass 的新手，我正在创建一个带有下一个值的嵌套运行

.heightAndWidth {
    height: 21px;
    width: 20px;
}

但我想扩展此规则并在特定类中添加 10 像素，而不是 21、31，但重复使用嵌套规则是否可行？我该怎么做？

Answer 1

抱歉这是 scss

@mixin heightAndWidth($px) {
  width : $px; 
  height : $px; 
}

.box { @include heightAndWidth(10px); }

这里是sass

=widthAndHeight($px)
  width:    $px
  hight:    $px

.box
  +widthAndHeight(10px)

http://www.sass-lang.com/guide

您可以在此处找到相关文档。

$a = 100px; 
div {
    background: black;
    height:100px;
}
.one {
    width: $a;
    $a = $a+100;
}
.two {
   width: $a;
   $a = $a+100;
}
.three {
   width: $a;
   $a = $a+100; 
}

如何在 sass 混入中为每个 属性 添加值？

How can I add values for each propery in a sass mixin?

css

sass

如何在 sass 混入中为每个属性添加值？