CSSComb + BEM

Привет! Кто может подсказать как настроить csscomb для стилей написанных по БЭМу:

block(chat) {
    position: relative;

    elem(head) {
        display: flex;
    }
}

Кажется, находил плагин postcss-csscomb, но он мне не сильно помог. В идеале какое-то решение для ST3, чтобы Ctrl+Shift+C и все работало.

Или нужно просто правильно настроить CSSComb?

7 years ago

godfreyd

Привет. @tadatuta , посмотри, пожалуйста.

7 years ago

tadatuta

Поможет stylelint + https://www.npmjs.com/package/stylelint-order

7 years ago

Kundin

@tadatuta, Спасибо. Работает из терминала, но немного не так сортируются свойства.

block(test) {
    bottom: 10px;
    display: flex;
    justify-content: center;

    position: absolute;
    width: 100%;
    z-index: 60;
}

Я так понимаю порядок сортировки свойств настраивается в .stylelintrc? Возможно есть где-то готовый конфиг? Меня полностью устраила бы сортировка свойств как в bem-components

7 years ago

Kundin

Начал использовать PostCSS Sorting у которого есть плагин для ST3. Проблема решена.

Чтобы оставлять комментарии, необходимо авторизоваться.