ruby-on-rails – 如何在SCSS中?

前端之家收集整理的这篇文章主要介绍了ruby-on-rails – 如何在SCSS中?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有没有人知道如何使用SCSS?

例:

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

我试图得到.example:hover有5px的填充.

解决方法

我不认为有一种方法可以在SCSS中完成你想要的,但是可以通过使用变量来实现相同的效果

SCSS

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

编译

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

请参阅variablesnumber operations上的文档.

猜你在找的Ruby相关文章