sass - 使用 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;
}