Лучшие Практики

Следуйте этим лучшим практикам при написании или рассмотрении пользовательских стилей.

Интернационализация

Имейте в виду языки с длинными словами

Помните, что в некоторых языках, элементы пользовательского интерфейса могут быть уже или шире.

Стилизирование существующего пользовательского интерфейса Scratch

Избегайте отсылок к хэшированным именам классов

Редактор проектов Scratch обычно содержит в себе имена классов, которые следуют формату название_класса_{хэш}. Например, green-flag_green-flag_1kiAo.

Как так хэши могут изменяться в будущем и могут отличаться между основанными на Scratch проектами, Вам следует остерегаться их использования в пользовательских стилях.

/* Не делайте так: */
.green-flag_green-flag_1kiAo {
  visibility: hidden;
}

/* Лучше делайте так: */
[class*="green-flag_green-flag_"] {
  visibility: hidden;
}

Избегайте !important, если не по-настоящему необходимо

Если возможно, то используйте возможности специфичности CSS для более определённых выборщиков, вместо использования !important.

Стилизирование элементов UI дополнений

Начинайте определяемые дополнениями классы с sa-

Мы рекомендуем, что определяемые дополнениями имена классов начинаются с sa- для избегания потенциальных столкновений названий со Scratch или другими расширениями.

Также рекомендовано включать идентификатор дополнения (или его часть) в названиях классов.