ruby-on-rails - 如何在 SCSS 中 +=？

Question

有人知道如何使用 SCSS += 吗？

例子:

.example {
    padding: 2px;
    &:hover {
        padding: current_padding + 3px; // OR
        padding+= 3px                   //... something like this
    }
}

我正在尝试让 .example:hover 有 5 像素的填充。

Answer 1

我不认为有一种方法可以在 SCSS 中做你想做的事情，但你可以通过使用变量来达到同样的效果:

SCSS

.example {
    $padding: 2px;
    padding: $padding;
    &:hover {
        padding: $padding + 3px;
    }
}

编译为

.example { padding: 2px; }
.example:hover { padding: 5px; }

请参阅 variables 上的文档和 number operations .