-
-
Save rakarangga/41f87a5acde59e24e5b64686fe991290 to your computer and use it in GitHub Desktop.
Configuración básica tailwindcss
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @tailwind base; | |
| /* estilos base (aplicados a los elementos) */ | |
| @tailwind components; | |
| /* aquí van nuestras clases de componentes | |
| (extraidos, podemos usar @apply para | |
| aplicar estilos de tailwind */ | |
| .btn-blue { | |
| @apply bg-blue-500 text-white font-bold py-2 px-4 rounded; | |
| } | |
| @tailwind utilities; | |
| /* nuestras utilidades extra */ |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| module.exports = { | |
| plugins: [ | |
| 'tailwindcss', | |
| 'postcss-flexbugs-fixes', | |
| [ | |
| 'postcss-preset-env', | |
| { | |
| autoprefixer: { | |
| flexbox: 'no-2009', | |
| }, | |
| stage: 3, | |
| features: { | |
| 'custom-properties': false, | |
| }, | |
| }, | |
| ], | |
| ], | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| module.exports = { | |
| future: { | |
| removeDeprecatedGapUtilities: true, | |
| }, | |
| purge: ['./components/**/*.{js,ts,jsx,tsx}', './pages/**/*.{js,ts,jsx,tsx}'], | |
| theme: { | |
| extend: { | |
| colors: { | |
| 'accent-1': '#333', | |
| }, | |
| }, | |
| }, | |
| variants: {}, | |
| plugins: [], | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment