Vim - сортировка вложенных блоков SCSS

Question

Замечания:

Может ли кто-нибудь с 300 репутацией добавить тег "scss" к этому вопросу? Я был бы очень благодарен.

---

Мой код (scss):

.cinderblock {
    @include minwidth();
    background-image:url("images/cinderblock.jpg");
    background-position:top center;
    background-color:#b79966;
    height:528px;

    .wrapper {
        background-image:url("images/home-decorito.jpg");
        height:488px;
    }
    .big-yellow-button {
        width: auto;
        position:absolute;
        bottom:84px;
    }
}

Как мне это нужно, чтобы выглядеть так:

.cinderblock {
    @include minwidth();
    background-color:#b79966;
    background-image:url("images/cinderblock.jpg");
    background-position:top center;
    height:528px;

    .big-yellow-button {
        bottom:84px;
        position:absolute;
        width: auto;
    }
    .wrapper {
        background-image:url("images/home-decorito.jpg");
        height:488px;
    }
}

Решение должно:

• Сортировать по алфавиту
  • свойства родительского блока
  • свойства дочерних блоков
  • дочерние блоки
• Сохранить отступ
• Бонус: исправьте несоответствие в пробелах (например, пробелы между именами свойств и значениями)

Answer 1

Там нет простого / встроенного способа делать то, что вы хотите. Очевидно, вы будете использовать команду :sort в тот или иной момент, но вам нужно будет создать пару макросов. По сути, идея состоит в том, чтобы:

1. вставьте все свои правила в линию

   v%
   J
   (repeat)
   

2. сортировать ваши селекторы

   (select the inlined selectors)
   :'<,'>sort
   

3. расширить ваши блоки правил и сделать его хорошо выглядеть

   :s/\[{;\]/&\r
   =%
   

4. сортировать каждый блок

   (select the rules)
   :'<,'>sort
   

Вы можете найти там вдохновение.