Tailwind CSS

javascript - Importera en fil till Tailwind.Config.JS

Jag börjar med Tailwindcss. Jag vill skriva över standardfärgpalletten för Tailwind med material-design färgpallett. Jag kan enkelt bara klippa och klistra in hela material-design paletten i tailwind.config.js-filen och allt fungerar bra. Alltså, som detta:

module.exports = { theme: { colors: {

Läs mer →

javascript - Tailwindcss 2-stil fungerar inte i Angular 11

Jag provar Tailwindcss på ett nytt Angular 11-projekt. Jag har följande utvecklingspaket installerade.

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

Läs mer →

reactjs - Turborepo React-app misslyckas med att ladda Tailwind

Jag har skapat ett monorepo med Turborepo som för tillfället har 1 React Vite-app och ett tailwind-konfigurationspaket. Och mitt problem just nu är att min app inte alls laddar tailwind. Låt mig försöka förklara min projektstruktur och filer för dig.

Läs mer →

typescript - TailwindCSS fungerar inte i React Native-projekt

Jag skapade en React Native-app med Expo och försökte använda Tailwind CSS med hjälp av NativeWind. Jag följde denna dokumentation:

Läs dokumentationen här...

Versioner :

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

tai

Läs mer →

reactjs - Tailwindcss fungerar inte för react-projekt

Jag försöker integrera Tailwind i mitt React-Typescript-projekt som skapats med Vite. Jag följde Tailwinds konfigurationsguide steg för steg, men jag får nu denna varning:

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

Detta är min katalogstruktur:

│ .eslintrc.json │ .gitignore │

Läs mer →

javascript - Använd "theme" i Tailwind-plugin

Det finns ett enkelt plugin. Hur kan jag kalla på variabler från temat? Försökte så här:

/** @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 }); });

Läs mer →

typescript - Svelte, Skeleton, Tailwind npm install-fel

Jag är ganska ny i svelte/typescript-världen och sedan igår får jag plötsligt några fel efter installationen. Jag gjorde exakt samma saker som för några dagar sedan och jag kan inte förstå vad som händer.

Det här är vad jag gjorde:

npm create svelte@latest diceGame cd diceGame npm install

Sedan installerade jag Skeleton

npm i @skeletonlabs/skeleton --save-dev

Sedan installerade jag Tailwind

npx svelte-add@latest

Läs mer →

reactjs - Testa Tailwind-beskärning i React-app med Jest

Finns det ett sätt att testa Tailwinds beskärning med Jest, utan att behöva skriva en egen postcss-konfiguration och bara implementera den standard webpack-konfiguration som skapats av CRA 5 (även implementerad här ).

Det verkar som att Tailwind ignorerar alla klasser inuti .test.tsx-filer och inkluderar dem inte i ut

Läs mer →

typescript - problem med iframe och tailwind

Mitt projekt är med NextJS och Tailwind, problemet jag har är detta: Jag vill visa en serie komponenter i iframe, men efter att ha gjort detta tillämpas inte de Tailwind-stilar jag har gett dem i form av klasser i Chrome-webbläsaren. Den känner igen en serie stilar som jag gav via CDN, men den känner inte igen de stilar som jag gav genom tailwind.config.ts, och den känner inte igen några stilar i andra webbläsare.

import React, { useState, useEffect, useRef } from 'react'; impor

Läs mer →

typescript - Egenskapen 'white' finns inte på typen tailwind-typer

Jag är ny på TypeScript och jag försöker förstå vad jag gör fel.

Jag har installerat @types/tailwindcss version 2.2.4 och jag försöker skapa en toast som ska använda temafärgen, så här är koden:

import iziToast, {IziToastSettings} from "izitoast"; import resolveConfig from "

Läs mer →