Tailwind: Как заставить @apply работать с пользовательским классом CSS? ⇐ CSS

[Anonymous]

Предположим, у вас есть базовая настройка проекта:

Код: Выделить всё

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

И вы хотите добавить базовую утилиту, использующую CSS, которая не является частью библиотеки по умолчанию Tailwinds:

Код: Выделить всё

@layer utilities {
.will-change-transform {
will-change: transform;
}
}

или

Код: Выделить всё

@layer utilities {
.ease {
transition: ease;
}
}

и вы хотите иметь возможность @apply его в дальнейшем к пользовательскому классу без получения ошибки:

Код: Выделить всё

.my-component {
@apply block hover:scale-110 w-full ease will-change-transform
}

Как бы вы это сделали?


Подробнее здесь: https://stackoverflow.com/questions/702 ... -css-class