Pesquisa de site
javascript - Importando um arquivo no Tailwind.Config.JS
Estou começando com Tailwindcss. Quero substituir a paleta de cores padrão do Tailwind pela paleta de cores do material design. Posso facilmente simplesmente cortar e colar toda a paleta do material design no arquivo tailwind.config.js e tudo funciona bem. Ou seja, assim:
module.exports = { theme: { Consulte Mais informação →javascript - Estilo do Tailwindcss 2 não está funcionando no Angular 11
Estou experimentando o Tailwindcss em um novo projeto Angular 11. Eu tenho os seguintes pacotes de desenvolvimento instalados.
NOTE: Removed other packages for simplicity "@angular-builders/custom-webpack": "^10.0.1", "@angular-devkit/build-angular": "~0.1100.2", Consulte Mais informação →reactjs - Aplicativo React do Turborepo falha ao carregar Tailwind
Eu criei um monorepo com Turborepo que por enquanto tem 1 App React Vite e um pacote tailwind-config. E meu problema por enquanto é que meu App não está carregando o tailwind de forma alguma. Deixe-me tentar explicar a você a estrutura do meu projeto e os arquivos.
root | |- packages | |- tailwind-config | `- a Consulte Mais informação →typescript - TailwindCSS não está funcionando em projeto React Native
Eu criei um aplicativo React Native usando o Expo e tentei usar Tailwind CSS com a ajuda do NativeWind. Eu segui esta documentação:
Leia os documentos aqui...
Versões:
- react-native : 0.74.3
- nativewind: 2.0.11
- typescript: 5.3.3
- tailwindcss: 3.3.2
tailwi
Consulte Mais informação →reactjs - Tailwindcss não está funcionando para projeto React
Estou tentando integrar o Tailwind ao meu projeto React-Typescript criado com Vite. Segui o guia de configuração do Tailwind passo a passo, mas agora estou recebendo este aviso:
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-configurationEsta é a estrutura do meu diretório:
│ .eslintrc.json │ .g Consulte Mais informação →javascript - Usar "theme" em plugin do Tailwind
Há um plugin simples. Como posso chamar variáveis do tema? Tentei assim:
/** @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 }); }); Consulte Mais informação →typescript - Svelte, Skeleton, Tailwind erro ao instalar via npm
Eu sou bastante novo no mundo do svelte/typescript e desde ontem de repente comecei a receber alguns erros após a instalação. Eu fiz exatamente as mesmas coisas de alguns dias atrás e não consigo entender o que está acontecendo.
Isto é o que eu fiz:
npm create svelte@latest diceGame cd diceGame npm installEntão eu instalei o Skeleton
npm i @skeletonlabs/skeleton --save-devEntão eu instalei o Tailwind
npx svelt Consulte Mais informação →reactjs - Testar a poda do Tailwind em aplicativo React com Jest
Existe uma maneira de testar a poda do Tailwind com Jest, sem precisar escrever uma configuração personalizada do postcss e apenas implementar a configuração padrão do webpack criada pelo CRA 5 (também implementada aqui).
Parece que o Tailwind está ignorando todas as classes dentro dos arquivos .test.tsx e não as está
Consulte Mais informação →typescript - problema com iframe e tailwind
Meu projeto é com NextJS e Tailwind, o problema que eu tenho é o seguinte: eu quero exibir uma série de componentes no iframe, mas depois de fazer isso, os estilos do Tailwind que eu dei a eles na forma de classes não são aplicados no navegador Chrome. Ele reconhece uma série de estilos que eu dei na forma de CDN, mas não reconhece os estilos que eu dei através do tailwind.config.ts, e não reconhece nenhum estilo em outros navegadores.
import React, { useState, useEffect, useRef Consulte Mais informação →typescript - Propriedade 'white' não existe no tipo tailwind types
Sou novo em TypeScript e estou tentando entender o que estou fazendo de errado.
Instalei @types/tailwindcss na versão 2.2.4 e estou tentando criar um toast que deve usar a cor do tema, então aqui está o código:
import iziToast, {IziToastSettings} from "izitoast"; import resolveC Consulte Mais informação →