TailWindcss v3 `@Apply` Директива не работает в файлах CSS ⇐ Html

[Anonymous]

Я успешно установил Tailwind. Когда дело доходит до использования директивы @Apply , вещи не работают.

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

[url=#home]shrlrmdh[/url]

Я хочу создать строку и повернуть пролет, просто используя директиву @apply . И это мой файл Tailwindcss, в котором я помещаю директиву @apply :

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

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

.hamburger-line {
@apply w-[30px] h-[2px] my-2 block bg-black;
}

.hamburger-active > span:nth-child(1) {
@apply origin-top-left rotate-45;
}

.hamburger-active > span:nth-child(3) {
@apply origin-bottom-left -rotate-45;
}

Я пробовал много методов, но @apply все еще не работает.


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