Closed2
stylelint order(並び替え)のパッケージについて
stylelint-order
npm: https://www.npmjs.com/package/stylelint-order
こちらのパッケージにCSSプロパティを記述して並び替えを行う。
既に設定されているパッケージを使用することができる。
(下記はstylelint-orderドキュメントに記載されているもの)
- stylelint-config-idiomatic-order ★169
github: https://github.com/ream88/stylelint-config-idiomatic-order
rule: https://github.com/ream88/stylelint-config-idiomatic-order/blob/master/index.js - stylelint-config-hudochenkov/order ★49
github: https://github.com/hudochenkov/stylelint-config-hudochenkov
rule: https://github.com/hudochenkov/stylelint-config-hudochenkov/blob/master/order.js - stylelint-config-recess-order ★330
github: https://github.com/stormwarning/stylelint-config-recess-order
rule: https://github.com/stormwarning/stylelint-config-recess-order/blob/main/groups.js - stylelint-config-property-sort-order-smacss(smacss準拠) ★71
github: https://github.com/cahamilton/stylelint-config-property-sort-order-smacss
rule: https://smacss.com/book/formatting/#grouping - stylelint-config-clean-order ★142
github: https://github.com/kutsan/stylelint-config-clean-order
rule: https://github.com/kutsan/stylelint-config-clean-order/tree/master/src 
※★はgithubのstar数(2024/4/3現在)
npm trends で比較
▼2024/4/3現在

recess ってなんだ?
twitter が推奨する CSS 並び替えツールらしい
ただしおおもとは開発が止まっている
このスクラップは2024/06/28にクローズされました