пользовательское правило форматирования для модулей CSS - PullRequest
0 голосов
/ 05 апреля 2019

Я пытаюсь найти некоторые инструменты, которые могут помочь мне с некоторыми проблемами форматирования кода.Я пытаюсь разделить наборы правил CSS по логическим блокам, но на самом деле я не могу найти никаких инструментов для этого, я проверяю такие инструменты, как prettier, stylefmt, http://csscomb.com и другие.

еще одна проблема: мы используем css-модули, поэтому csscomb, например, не может обрабатывать такие свойства, как composes, @value и селекторы, как .selector a: global .selector-b

Можете ли вы помочь мне сэта проблема, в каком направлении я должен видеть?Спасибо (и извините за мой английский)

.selector {
   position: absolute;
   content: '';

   left: 0;
   right: 0;
   top: 0;
   bottom: 0;

   margin-top: 2em;
   margin-bottom: 5em;
}

1 Ответ

1 голос
/ 05 апреля 2019

Вы можете использовать stylelint и плагин stylelint order для достижения этой цели.Он может обрабатывать нестандартные псевдоклассы, такие как :global, свойства, подобные composes, и правила at, например, @value.

. В плагине stylelint order есть два правила, которые вы можете использовать вместе:

Первый вариант позволит вам упорядочить и сгруппировать ваши свойства.Вы можете создать свой собственный порядок и группы или использовать конфигурацию сообщества .

Последняя позволит вам определить порядок at-rules, пользовательских свойств, объявлений и вложенных правил (и других) в рамках правил.

...