Почему Vanilla CSS?

Tailwind эффективен, но он жестко связывает вашу разметку с дизайн-системой.

Бремя Поддержки

Когда вы видите class="px-4 py-2 bg-blue-500 rounded hover:bg-blue-600", вы знаете, как это выглядит. Но если вы хотите изменить "primary buttons" по всему приложению, вам нужен мульти-курсорный поиск.

С CSS Variables:

.btn-primary {
  padding: var(--spacing-sm) var(--spacing-md);
  background: var(--color-primary);
  border-radius: var(--radius-sm);
}

Это "скучный" код. А скучный код хорош для поддержки.