Rückenwindklassen funktionieren nicht wie erwartet in React JS (Tailwind V4)

Post a reply

Smilies
:) :( :oops: :chelo: :roll: :wink: :muza: :sorry: :angel: :read: *x) :clever:
View more smilies
BBCode is ON
[img] is ON
[flash] is OFF
[url] is ON
Smilies are ON
Topic review
   

Expand view Topic review: Rückenwindklassen funktionieren nicht wie erwartet in React JS (Tailwind V4)

by Anonymous » 02 Mar 2025, 12:08

Ich habe gerade versucht, den Tailwind V4 in meinem React -Projekt zu verwenden. Meine Konfiguration ist alles in Ordnung, alles ist in Ordnung. Dann habe ich Klassen in der Rückenwindkonfiguration hinzugefügt. Die Klassen bewerben sich jedoch nicht wie erwartet < /p>
Hier ist meine Tailwind -Konfiguration: < /p>

Code: Select all

@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;
}
Dann habe ich angefangen, diese benutzerdefinierte Clasess zu verwenden. /> ✅ Arbeiten, in diesem Fall funktionieren die Überschriftenstile ordnungsgemäß

Top