css - SCSS 值(value)倍数

Question

我想用 scss 做点什么。我基本上想要它，所以我可以为每 5px 留出任何余量。因此，例如我可以写 m10 m15 m20 m25 等......它会创建 margin:10px;边距:15px；等等……

到目前为止我有:

@for $margin from 0 through 100 {
  .m#{$margin} { margin: 1px * $margin }
}

但这会呈现 5 的倍数之间的所有数字，这并不理想。是否可以只渲染 5 到 100 的倍数的边距？

提前致谢。

Answer 1

你可以这样做:

@for $margin from 0 through 100 {
  @if $margin % 5 == 0 {
    .m#{$margin} { margin: 1px * $margin }
  }
}

嗨，我想这就是你要找的。