stylelint-config-htmlacademy
stylelint-config-htmlacademy copied to clipboard
Разрешить только целые числа в значениях
в правиле number-max-precision
разрешить 0 знаков после запятой.
Мотивация - студенты копируют полупиксели из фигмы и потом переживают что у них ПП не получается
Возможные проблемы - значения прозрачности. opacity я добавил в исключения, но в rgb() придется использовать % и я не уверен, что это хорошо. мы как бы форсим правило "alpha-value-notation". Функции цвета можно добавить в исключения в параметре insideFunctions. но по сути я бы хотел запретить только дробные размеры, а правило позволяет описывать только исключения. стоит ли делать новое правило?
у меня такие кейсы - ширина блока с контентом который не влезает в одну строку при проверке в безголовом режиме на Linux пока все хорошо дома на Mac. изменение переносов ломает PP. я думаю сделать "обратное" правило, которое принимает не список исключений, а список применений. тогда можно будет ограничиться пикселями в размерах.
Часто используют треть от размера, например
.element {
width: 33.33%
}
например для генераторов сеток и это будет по макету, а вот width: 33%
уже будет отличаться от макета.
Что-то я не уверен, что мы можем вообще отказаться от дробей. В HTML2 мы рассказываем, что px
это не конретная лампочка на экране, а площадь, которая зажжёт несколько лампочек, а особенно в дисплеях с повышенной плоностью пикселей. Это значит, что зажечь часть площади нормально, а значит и дробный пиксель это нормально.
Если в программе обучения есть плохие макеты, то лучше поправить макеты, чтобы значения для зазумленных элементов не копировали