CSS Tailwind и Next.js ⇐ CSS
-
Anonymous
CSS Tailwind и Next.js
При попытке стилизовать мое приложение Next.js 13 я получаю следующую ошибку:
Синтаксическая ошибка: C:\Users\User\Documents\webdev\TicketingApp\ticketing-app\app\globals.css Класс text-default-text не существует. Если текст-по умолчанию это собственный класс, убедитесь, что он определен в @layer директива. Код таблицы стилей следующий:
база @tailwind; компоненты @tailwind; утилиты @tailwind; @layer компоненты { .икона { @apply text-default-text text-xl; } .btn { @apply hover:без подчеркивания bg-blue-accent track-wider w-full text-center text-nav шрифт-жирный курсор-указатель заглавные px-4 py-2 округлый-md hover:bg-blue-accent-hover переход -блок цветов; } } Как это можно исправить? Ни одно из подобных решений мне не помогло.
При попытке стилизовать мое приложение Next.js 13 я получаю следующую ошибку:
Синтаксическая ошибка: C:\Users\User\Documents\webdev\TicketingApp\ticketing-app\app\globals.css Класс text-default-text не существует. Если текст-по умолчанию это собственный класс, убедитесь, что он определен в @layer директива. Код таблицы стилей следующий:
база @tailwind; компоненты @tailwind; утилиты @tailwind; @layer компоненты { .икона { @apply text-default-text text-xl; } .btn { @apply hover:без подчеркивания bg-blue-accent track-wider w-full text-center text-nav шрифт-жирный курсор-указатель заглавные px-4 py-2 округлый-md hover:bg-blue-accent-hover переход -блок цветов; } } Как это можно исправить? Ни одно из подобных решений мне не помогло.
Мобильная версия