javascript - Importar um Ficheiro para Tailwind.Config.JS
Estou a começar com o Tailwindcss. Quero substituir a paleta de cores padrão do Tailwind pela paleta de cores do Material Design. Posso simplesmente copiar e colar toda a paleta do Material Design no ficheiro tailwind.config.js e tudo funciona bem. Ou seja, assim:
module.exports = { theme: { colors: Ler mais →javascript - O estilo do Tailwindcss 2 não está a funcionar no Angular 11
Estou a experimentar o Tailwindcss num novo projeto Angular 11. 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", &quo Ler mais →reactjs - Aplicação React do Turborepo falha ao carregar Tailwind
Criei um monorepo com Turborepo que por enquanto tem 1 App React Vite e um pacote tailwind-config. E o meu problema por agora é que a minha App não está a carregar o tailwind de todo. Deixa-me tentar explicar-te a estrutura do meu projeto e os ficheiros.
root | |- packages | |- tailwind-config | `- apps |- Ler mais →typescript - TailwindCSS não está a funcionar num projeto React Native
Criei uma aplicação React Native usando o Expo e tentei usar Tailwind CSS com a ajuda do NativeWind. Segui esta documentação:
Leia a documentação aqui...
Versões :
- react-native : 0.74.3
- nativewind: 2.0.11
- typescript: 5.3.3
- tailwindcss: 3.3.2
tailwind.c
Ler mais →reactjs - Tailwindcss não está a funcionar para projeto React
Estou a tentar integrar o Tailwind no meu projeto React-TypeScript criado com o Vite. Segui o guia de configuração do Tailwind passo a passo, mas agora estou a receber 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 minha estrutura de diretórios:
│ .eslintrc.json │ Ler mais →javascript - Usar "theme" no plugin 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 }); }); Ler mais →typescript - Svelte, Skeleton, Tailwind erro ao instalar via npm
Sou bastante novo no mundo do svelte/typescript e desde ontem, de repente, comecei a ter alguns erros após a instalação. Fiz exatamente as mesmas coisas de alguns dias atrás e não consigo entender o que está a acontecer.
Isto é o que eu fiz:
npm create svelte@latest diceGame cd diceGame npm installEntão eu instalei o Skeleton
npm i @skeletonlabs/skeleton --save-devDepois instalei o Tailwind
npx svelte-add@late Ler mais →reactjs - Testar a poda do Tailwind numa aplicação React com Jest
Há alguma forma de testar a poda do Tailwind com Jest, sem ter de escrever uma configuração personalizada de postcss e apenas implementar a configuração padrão do webpack criada pelo CRA 5 (também implementada aqui).
Parece que o Tailwind está a ignorar todas as classes dentro dos ficheiros .test.tsx e não as está a i
Ler mais →typescript - problema com iframe e tailwind
O meu projeto é com NextJS e Tailwind, o problema que tenho é o seguinte: quero exibir uma série de componentes no iframe, mas depois de fazer isso, os estilos do Tailwind que dei a eles na forma de classes não são aplicados no navegador Chrome. Ele reconhece uma série de estilos que dei na forma de um CDN, mas não reconhece os estilos que dei através do tailwind.config.ts, e não reconhece quaisquer estilos noutros navegadores.
import React, { useState, useEffect, useRef } from Ler mais →typescript - A propriedade 'white' não existe no tipo tailwind types
Sou novo em TypeScript e estou a tentar perceber o que estou a fazer de errado.
Instalei @types/tailwindcss na versão 2.2.4 e estou a tentar criar um toast que deve usar a cor do tema, por isso aqui está o código:
import iziToast, {IziToastSettings} from "izitoast"; import resol Ler mais →