如何在SCSS中+ =？

Question

有谁知道如何用SCSS + =？

例:

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

我试图得到.example:悬停以获得5px填充.

Answer 1

我认为没有办法在SCSS中完全按照您的要求进行操作,但您可以通过使用变量来实现相同的效果:

SCSS

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

编译成

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

请参阅有关变量和编号操作的文档.