Tailwind CSS

javascript - Eine Datei in Tailwind.Config.JS importieren

Ich fange gerade mit Tailwindcss an. Ich möchte die Standard-Tailwind-Farbpalette durch die Material-Design-Farbpalette ersetzen. Ich kann einfach die gesamte Material-Design-Palette in die tailwind.config.js-Datei kopieren und einfügen, und alles funktioniert einwandfrei. Also so:

module.exports = { th

Weiterlesen →

javascript - Tailwindcss 2 Stil funktioniert in Angular 11 nicht

Ich probiere Tailwindcss in einem neuen Angular 11 Projekt aus. Ich habe die folgenden Dev-Pakete installiert.

NOTE: Removed other packages for simplicity "@angular-builders/custom-webpack": "^10.0.1", "@angular-devkit/build-angular": "~0.1100.2", "@angular/

Weiterlesen →

reactjs - Turborepo React-App kann Tailwind nicht laden

Ich habe ein Monorepo mit Turborepo erstellt, das derzeit eine React Vite App und ein Tailwind-Config-Paket enthält. Und mein Problem momentan ist, dass meine App Tailwind überhaupt nicht lädt. Lass mich versuchen, dir meine Projektstruktur und Dateien zu erklären.

Weiterlesen →

typescript - TailwindCSS funktioniert in einem React Native Projekt nicht

Ich habe eine React Native-App mit Expo erstellt und versucht, Tailwind CSS mit Hilfe von NativeWind zu verwenden. Ich habe diesen Anleitungen gefolgt:

Lies die Dokumentation hier...

Versionen :

react-native : 0.74.3
nativewind: 2.0.11
typescript: 5.3.3
tailwindcss: 3.3.2
Weiterlesen →

reactjs - Tailwindcss funktioniert nicht für React-Projekt

Ich versuche, Tailwind in mein mit Vite erstelltes React-Typescript-Projekt zu integrieren. Ich habe die Tailwind-Konfigurationsanleitung Schritt für Schritt befolgt, aber jetzt erhalte ich diese Warnung:

warn - No utility classes were detected in your source files. If this is unexpected, double-check the `content` option in your Tailwind CSS configuration. warn - https://tailwindcss.com/docs/content-configuration

Dies ist meine Verzeichnisstruktur:

Weiterlesen →

javascript - Verwende „theme“ im Tailwind-Plugin

Es gibt ein einfaches Plugin. Wie kann ich Variablen aus dem Theme aufrufen? Habe es so versucht:

/** @type {Plugin} */ const plugin = require('tailwindcss/plugin'); module.exports = plugin(function ({ addBase, theme }) { return addBase({ '.test-1': {color: 'green'}, // it works '.test-2': theme('colors.amber.300') // doesn't work }); });

Weiterlesen →

typescript - Svelte, Skeleton, Tailwind npm Installationsfehler

Ich bin ziemlich neu in der Svelte/TypeScript-Welt und seit gestern bekomme ich plötzlich einige Fehler nach der Installation. Ich habe exakt die gleichen Dinge wie vor ein paar Tagen gemacht und ich kann nicht verstehen, was passiert.

Das ist mein, was ich gemacht habe:

npm create svelte@latest diceGame cd diceGame npm install

Dann habe ich Skeleton installiert

npm i @skeletonlabs/skeleton --save-dev

Dann habe ich Tailwind i

Weiterlesen →

reactjs - Teste Tailwind-Pruning in React-App mit Jest

Gibt es eine Möglichkeit, Tailwinds Bereinigung mit Jest zu testen, ohne eine benutzerdefinierte PostCSS-Konfiguration schreiben zu müssen und nur die standardmäßige Webpack-Konfiguration zu implementieren, die von CRA 5 erstellt wurde (ebenfalls hier implementiert).

Tailwind scheint alle Klassen innerhalb von .test.t

Weiterlesen →

typescript - Problem mit iframe und Tailwind

Mein Projekt ist mit NextJS und Tailwind, das Problem, das ich habe, ist folgendes: Ich möchte eine Reihe von Komponenten im iframe anzeigen, aber nachdem ich dies getan habe, werden die Tailwind-Stile, die ich ihnen in Form von Klassen gegeben habe, im Chrome-Browser nicht angewendet. Es erkennt eine Reihe von Stilen, die ich in Form eines CDN gegeben habe, aber es erkennt nicht die Stile, die ich über tailwind.config.ts gegeben habe, und in anderen Browsern erkennt es überhaupt keine Stile.

Weiterlesen →

typescript - Die Eigenschaft 'white' existiert nicht im Typ Tailwind-Typen

Ich bin neu in TypeScript und versuche zu verstehen, was ich falsch mache.

Ich habe @types/tailwindcss Version 2.2.4 installiert und versuche, einen Toast zu erstellen, der die Themenfarbe verwenden soll, hier ist also der Code:

import iziToast, {IziToastSettings} from "izitoast"

Weiterlesen →