如何在 sass mixin 中为每个属性添加值？ [复制]

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; 
}