如何解决为包含字符串变量的属性创建自定义 stylelint-order
我的 scss 如下所示:
.foo {
position: absolute;
top: 0;
#{$right}: 200; // Correct order.
bottom: 0;
#{$left}: 0;
z-index: 5;
}
我们为 ltr 语言(如英语)设置 $rightType: right;
,为 rtl(从右到左)语言(如阿拉伯语)设置 $rightType: left;
。这样 foo
的位置将在 rtl 布局中反映出来。
当我在上面使用 stylelint 自动修复时,它会更改为以下内容,因为无法识别变量。
.foo {
position: absolute;
top: 0;
bottom: 0;
z-index: 5;
#{$right}: 200; // Wrong order.
#{$left}: 0;
}
是否可以添加定义属性顺序的自定义规则,即使它们的名称包含变量?
(我使用的是 stylelint stylelint-order stylelint-config-rational-order
)
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。