15 подписчиков
У нас на проекте есть 2 основных правила для написания стилей:
- У всех CSS-классов должен быть префикс dp-, выбранный по названию продукта
- Мы используем БЭМ — <block>__<element>--<modifier>
Однако есть большой пласт легаси стилей, где эти правила не используются.
И вот, при добавлении monaco-editor’а (текстовый редактор на котором построен VS Code) в новую фичу, прилетело ишью — у горизонтального и вертикального скролл-баров разная толщина.
А вся проблема в том, что наши глобальные стили для класса slider применяются к элементу с таким же классом в monaco-editor.
Именно эту проблему и решают префиксы — позволяют избежать коллизии имён с библиотечными классами.
#css #bem
Около минуты
25 августа 2024