Возникали ли слишком длинные и нечитаемые строки классов Tailwind CSS? Выносили ли их в отдельные переменные?

Длинные строки utility-классов можно упорядочивать через переиспользуемые компоненты, варианты оформления и явные условные комбинации.

Вынос в переменную полезен, если улучшает чтение, но сам по себе не устраняет дублирование. Избегайте непрозрачной сборки имён классов по кускам, которую не видит сборщик. В ответе приведите реальный пример и объясните, почему выбранный уровень абстракции оказался удобным.