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


Примечание:

может ли кто-то с 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;
    }
}

решение должно быть:

  • сортировка по алфавиту
    • свойства родительского блока
    • свойства ребенка блоки
    • ребенок блоки
  • сохранить отступ
  • бонус: исправьте несоответствие пробелов (например, пробелов между именами свойств и значениями)
5
задан gmeben
13.04.2023 5:32 Количество просмотров материала 2971
Распечатать страницу

1 ответ

нет/встроенный способ сделать то, что вы хотите. Вы, очевидно, будете использовать :sort команда в тот или иной момент, но вам необходимо придумать пару макросов. В принципе, идея заключается в следующем:

  1. поместите все ваши правила inline

    v%
    J
    (repeat)
    
  2. сортировка селекторов

    (select the inlined selectors)
    :'<,'>sort
    
  3. расширить свои блоки правил и сделать его хорошо выглядеть

    :s/\[{;\]/&\r
    =%
    
  4. сортировка каждого блок

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

вы можете найти вдохновение здесь.

1
отвечен romainl 2023-04-14 13:20

Постоянная ссылка на данную страницу: [ Скопировать ссылку | Сгенерировать QR-код ]

Ваш ответ

Опубликуйте как Гость или авторизуйтесь

Имя
Вверх