javascript - Importowanie pliku do Tailwind.Config.JS

Zaczynam przygodę z Tailwindcss. Chcę nadpisać domyślną paletę kolorów Tailwind paletą kolorów Material Design. Mogę po prostu wyciąć i wkleić całą paletę Material Design do pliku tailwind.config.js i wszystko działa poprawnie. Tzn., tak:

module.exports = { theme: { colors: { transparent: "tra

Czytaj więcej →

javascript - Styl Tailwindcss 2 nie działa w Angular 11

Próbuję użyć Tailwindcss w nowym projekcie Angular 11. Mam zainstalowane następujące pakiety deweloperskie.

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

Czytaj więcej →

reactjs - Aplikacja React w Turborepo nie ładuje Tailwind

Stworzyłem monorepo z Turborepo, które na razie ma 1 aplikację React Vite i pakiet tailwind-config. I mój problem na razie polega na tym, że moja aplikacja w ogóle nie ładuje tailwinda. Pozwól, że spróbuję wyjaśnić ci strukturę mojego projektu i pliki.

root | |- packages | |- tailwind-config | `- apps |- co

Czytaj więcej →

typescript - TailwindCSS nie działa w projekcie React Native

Stworzyłem aplikację React Native używając Expo i próbowałem użyć Tailwind CSS z pomocą NativeWind. Postępowałem zgodnie z tymi dokumentami:

Przeczytaj dokumentację tutaj...

Wersje :

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

Czytaj więcej →

reactjs - Tailwindcss nie działa w projekcie react

Próbuję zintegrować Tailwind z moim projektem React-TypeScript utworzonym za pomocą Vite. Postępowałem zgodnie z przewodnikiem konfiguracji Tailwind krok po kroku, ale teraz otrzymuję to ostrzeżenie:

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

Oto moja struktura katalogów:

│ .eslin

Czytaj więcej →

javascript - Użyj „theme” w wtyczce Tailwind

Jest prosty wtyczka. Jak mogę wywołać zmienne z motywu? Próbowałem w ten sposób:

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

Czytaj więcej →

typescript - błąd instalacji npm Svelte, Skeleton, Tailwind

Jestem dość nowy w świecie svelte/typescript i od wczoraj nagle pojawiają się błędy po instalacji. Robiłem dokładnie te same rzeczy kilka dni temu i nie mogę zrozumieć, co się dzieje.

Oto, co zrobiłem:

npm create svelte@latest diceGame cd diceGame npm install

Potem zainstalowałem Skeleton

npm i @skeletonlabs/skeleton --save-dev

Potem zainstalowałem Tailwind

npx svelte-add@latest tailwindcss npm install

Czytaj więcej →

reactjs - Testowanie przycinania Tailwind w aplikacji React za pomocą Jest

Czy istnieje sposób na przetestowanie przycinania Tailwind za pomocą Jest, bez konieczności pisania niestandardowej konfiguracji postcss i jedynie wykorzystując domyślną konfigurację webpack stworzoną przez CRA 5 (również zaimplementowaną tutaj).

Wygląda na to, że Tailwind ignoruje wszystkie klasy wewnątrz plików .tes

Czytaj więcej →

typescript - problem z iframe i tailwind

Mój projekt jest oparty na NextJS i Tailwind, problem, który mam, jest następujący: chcę wyświetlić serię komponentów w iframe, ale po tym, jak to zrobię, style Tailwind, które nadałem im w formie klas, nie są stosowane w przeglądarce Chrome. Przeglądarka rozpoznaje niektóre style, które podałem w formie CDN, ale nie rozpoznaje stylów, które nadałem przez tailwind.config.ts, a w innych przeglądarkach nie rozpoznaje żadnych stylów.

import React, { useState, useEffect, useRef } fr

Czytaj więcej →

typescript - Właściwość 'white' nie istnieje w typie tailwind types

Jestem nowy w TypeScript i próbuję zrozumieć, co robię źle.

Zainstalowałem @types/tailwindcss w wersji 2.2.4 i próbuję stworzyć powiadomienie typu toast, które powinno używać koloru motywu, więc oto kod:

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

Czytaj więcej →