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

发布时间：2020-12-16 22:43:49 所属栏目：百科来源：网络整理

导读：有没有人知道如何使用SCSS？例： .example { padding: 2px; :hover { padding: current_padding + 3px; // OR padding+= 3px //... something like this }} 我试图得到.example：hover有5px的填充. 解决方法我不认为有一种方法可以在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; }

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!