Извлечение классов в Tailwind CSS

Проблема
Тэйлвинд всем прекрасен, но всё же иногда такая декларативная вёрстка выглядит избыточно, особенно когда приходится повторять код. И тогда надо извлекать перечисления классов для создания объединённого класса.

Так можно вытащить большой повторяющийся кусок стилей.

Решение

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer components {
  .btn-primary {
    @apply py-2 px-4 bg-blue-500 text-white font-semibold rounded-lg shadow-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-400 focus:ring-opacity-75;
  }
}
 14   2022   Tailwind CSS