SASS@each和@for不生成任何内容

Question

此代码不会生成错误，但没有创建类。

有人有主意吗？

$properties: margin, padding, height, margin-top, margin-bottom, border, 
height;
@each $property in $properties {
@for $size from 1 through 500 {
.#{$property}-#{$size} {
$property: #{$size}px;
}
}
}

Answer 1

您还需要插入css属性：#{$property}: #{$size}px;