Догоняет до stylelint 14.11.0

1.1.0

• Отсортировал список правил по rules list
• Значения текущих правил не поменялись, но некоторые дополнились новыми значениями. Одно правило может иметь несколько значений используя массив [rule, rule2]
• Добавили новые правила:

color-hex-alpha: never

Правило контролирует наличие четвёртого параметра у HEX для альфа канала.

Значение never запрещает использование a { color: #ffffffaa; }

Мотивация: из такой прозрачности aa не понятно сколько это в дробях. А при коммуникации мы используем человекопонятные “Прозрачность 50%”

custom-property-no-missing-var-function: true

Правило запрещает использовать кастомные свойства без var

Хорошо: color: var(--foo)

Плохо: color: --foo

function-calc-no-unspaced-operator: true

Заставляет ставить пробел вокруг оператора в функции calc()

Хорошо: a { top: calc(1px + 2px); }

Плохо: a { top: calc(1px+2px); }

length-zero-no-unit: ignoreFunctions: ["/^--/"]

Запрещает указывать единицы измерения, кроме функций

Хорошо: a { top: 0 }, a { top: var(--foo, 0px); }

Плохо: a { top: 0px }

Напоминалка: кастомным свойствам лучше указывать единицы измерения

value-keyword-case: [lower, { camelCaseSvgKeywords: true }]

Правило разрешает писать значения только в нижнем регистре.

'camelCaseSvgKeywords' : true - разрешает писать SVG-конструкции color: currentColor;. В SVG принято писать в camelCase.

selector-not-notation: simple

Следит за использованием селектора :not

Хорошо: :not(a):not(div) {}

Плохо: :not(a, div) {}

keyframe-block-no-duplicate-selectors : true

Запрещает повторяющие селекторы в keyframe блоке

Хорошо: @keyframes foo { 0% {} 100% {} }

Плохо: @keyframes foo { 0% {} 0% {} }

annotation-no-unknown: true

Запрещает странные аннотации

Хорошо: color: green !important;

Плохо: color: green !imprtant;

keyframe-selector-notation: percentage-unless-within-keyword-only-block

Заставляет писать однотипные точки в кейфреймах. Или только 0% или только from

Хорошо: @keyframes foo { 0% {} 100% {} } @keyframes foo { from {} to {} }

Плохо: @keyframes foo { from {} 100% {} }

selector-max-universal: 2

Запрещает использовать подряд универсальные селекторы

Хорошо: .foo * {} * * {}

Плохо: * * * {}