我使用csscomb.js来组织我的css。
它工作得很好,只是我不想在两个吹灰组之间出现断线。
有办法把它们移走吗?
我到处找。
示例
这是MIJ设置:
"remove-empty-rulesets": false,
"always-semicolon": true,
"color-case": "lower",
"block-indent": " ",
"color-shorthand": false,
"element-case": "lower",
"leading-zero": true,
"quotes": "single",
"sort-order-fallback": "abc",
"space-before-colon": "",
"space-after-colon": " ",
"space-before-combinator": " ",
"space-after-combinator": " ",
"space-between-declarations": "\n",
"space-before-opening-brace": " ",
"space-after-opening-brace": "\n",
"space-after-selector-delimiter": "\n",
"space-before-selector-delimiter": "",
"space-before-closing-brace": "\n",
"strip-spaces": false,
"tab-size": true,
"unitless-zero": true,
"vendor-prefix-align": true,
最佳答案
这是没有选择的,但这里有一个解决办法,我使用。
编辑名为sort order的属性,如下所示:
原件:
"sort-order": [
[
"font",
"font-family",
"font-size",
"font-weight",
"font-style",
"font-variant",
"font-size-adjust",
"font-stretch",
"font-effect",
"font-emphasize",
"font-emphasize-position",
"font-emphasize-style",
"font-smooth",
"line-height"
],
[
"position",
"z-index",
"top",
"right",
"bottom",
"left"
],
...
新的:
"sort-order": [
[
"font",
"font-family",
"font-size",
"font-weight",
"font-style",
"font-variant",
"font-size-adjust",
"font-stretch",
"font-effect",
"font-emphasize",
"font-emphasize-position",
"font-emphasize-style",
"font-smooth",
"line-height",
"position",
"z-index",
"top",
"right",
"bottom",
"left",
...
]
]
基本上是将组合并为一个组,因此不添加分隔线。
以下是csscomb创建者的官方回应:github.com/csscomb/csscomb.js/issues/314
关于css - csscomb删除运动组之间的换行,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/36218068/