вы, ребята, знаете, как поместить все служебные классы в родительский класс?
Например:
.parent .mb-2 {
margin-bottom: 0.5rem
}
Чтобы дать контекст, мы реализуем нашу новую систему дизайна в нашем устаревшее приложение Laravel, и мы хотели бы избежать некоторых проблем с текущими стилями.
Чтобы не влиять на текущие существующие классы, мы используем префикс для каждого служебного класса, например sfr-mb-2
Но у нас была проблема с Tailwind CSS normalize, чтобы избежать использования !important
, мы хотели бы включить все утилиты и нормализовать внутри родительского элемента, при этом мы можем иметь два стиля в приложении, а миграция может выполняется по частям.