Занятия по ветру не работают, как и ожидалось в React JS (Tailwind V4) ⇐ CSS

[Anonymous]

Я только что попытался использовать Tailwind V4 в моем проекте React. Моя конфигурация все в порядке, все в порядке. Затем я добавил классы в конфигурации Tailwind. Но классы не применяются, как и ожидалось < /p>
Вот моя конфигурация Tailwind: < /p>

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

@theme {
/* Font */

--font-style: "DM Sans", "sans-serif";

/* Typography */

--text-body-lg: 18px;

--text-display: 44px;
--text-display--font-weight: 800;

--text-h1: 40px;
--text-h1--font-weight: 800;

--text-h2: 36px;
--text-h2--font-weight: 800;

--text-h3: 32px;
--text-h3--font-weight: 800;

--text-h4: 28px;
--text-h4--font-weight: 800;

--text-h5: 24px;
--text-h5--font-weight: 800;

--text-h6: 20px;
--text-h6--font-weight: 800;

/* Colors */

/* Colors - Brand */
--color-brand-blue: #072446;
--color-brand-blue-alt: #013a67;
--color-brand-yellow: #e1aa12;
--color-brand-green: #008089;

/* Colors - Background */
--color-primary-bg: #ffffff;
--color-secondary-bg: #f5f5f4;
--color-tertiary-bg: #f8f8ff;

/* Colors - Text */
--color-primary-text: #020b15;
--color-secondary-text: #4c4c4c;
--color-tertiary-text: #f5f5f4;
}

Тогда я начал использовать эту пользовательскую классную
Не работает, в этом случае стили заголовка не применяются в небольших устройствах


Подробнее здесь: https://stackoverflow.com/questions/794 ... ailwind-v4