Help us understand the problem. What is going on with this article?

sass書いてる時に、プロパティをソートしたい

More than 5 years have passed since last update.

css書いていると、どんどんスパゲッティになっていくんですが、
少しでも機械的に整理しようということで
プロパティをソートさせます。

style.sass
.class 
  text-align: center
  margin-top: 10px
  padding: 5px
style.sass
.class 
  margin-top: 10px
  padding: 5px
  text-align: center

単純なcssならcsscombというのがあるんですが、sassの独特の書式でソートしてくれるのは
なかなかありませんでしたが、
https://www.npmjs.com/package/sort-sass
npmのsort-sassを利用すると、簡単にできました。

npm install -g sort-sass
sortsass style.sass

を実行すると、ソートされた結果が同一ファイル名で保存されます。
上書きされたくないなら

cp -a style.sass temp.sass && sortsass temp.sass

で結果を見てみたらいいと思います。

結果に満足であれば、
gruntなり、emacsのbefore-save-hookなりに仕込めばいいと思います。

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away