我正在研究 Sass 中从右到左的解决方案。
例如,如果原始样式是:
#foo {
float: left;
padding-left: 10px;
}
...函数/脚本将通过查找 float 和填充左值来运行,并将样式替换为:
#foo {
float: right;
padding-right: 10px;
}
我已经有一个使用 mixins 的解决方案,像这样:
@mixin float($origin: left) {
@if $origin == left {
@if $rtl { float: right; }
@else { float: left; }
} @else {
@if $rtl { float: left; }
@else { float: right; }
}
}
@mixin padding-left($value) {
padding-right: $value;
}
#foo {
@include float(left);
@include padding-left(10px);
}
...但是有没有办法做到这一点而不必用包含替换所有可逆属性?
最佳答案
你可以使用一个变量,这样你就可以在一个地方设置方向,但是 Sass 没有能力根据你设置的规则改变现有的 CSS。
$direc: left;
div {
float: $direc;
padding-#{$direc}: 10px;
}
关于css - Sass 中是否有替换函数/脚本来交换 CSS 属性?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15115594/