对触笔内容进行排序

时间:2015-04-30 09:13:30

标签: html css sorting coding-style stylus

有没有办法按照某些标准对Stylus文件中的行进行排序,例如按字母顺序,或按规则域,比如,所有背景事物都是一个接一个地放置,然后是所有定位事物,如topright等等? 当然,这些行应该保留在其父元素中。 这是一个例子:

#topbar
    clearfix()
    position fixed
    height topBarHeight
    border-bottom 1px solid rgba(#fff, 0.2)
    box-sizing border-box
    z-index 200
    right 0
    left 0

可以成为这个,按域分组:

#topbar
    // mixins
    clearfix()
    // positioning and sizing
    position fixed
    z-index 200
    left 0
    right 0
    box-sizing border-box
    height topBarHeight
    // border
    border-bottom 1px solid rgba(#fff, 0.2)
    // the rest
    ...

这是一种完美主义者的痒,但如果按顺序排列所有文件内容会很酷。

1 个答案:

答案 0 :(得分:0)

如果您希望在手写笔源文件中对行进行排序,我建议您使用脚本来编写像vim这样的脚本化文本编辑器。如果您希望优化输出,可以使用一些postcss-plugins。你可能想看看 postcss-sortpostcss-merge-rules。如果您使用关键字“合并”,您会找到更多。