使用SASS使一个变量加倍另一个变量的值

Question

我正在使用SASS。我需要将值设置为另一个值，因此逻辑是：

.one {
 padding: 'value';
}
.two {
 padding: 'value times 2';
}

所以可能是这样：

.one {
 padding: 2px;
}
.two {
 padding: 4px;
}

或者这个：

.one {
 padding: 10px;
}
.two {
 padding: 20px;
}

我怎么写这个？

Answer 1

如果您想要一个可以重复使用的值，则需要一个变量。

$my-padding: 1em;
.one {
    padding: $my-padding;
}
.two {
    padding: $my-padding * 2;
}