Add tailwind to next

  // pages/_app.js
- import '../styles/globals.css'
+ import 'tailwindcss/tailwind.css'

  function MyApp({ Component, pageProps }) {
    return <Component {...pageProps} />
  }

  export default MyApp

Source: tailwindcss.com

Add tailwind to next

  // tailwind.config.js
  module.exports = {
-   purge: [],
+   purge: ['./pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}'],
    darkMode: false, // or 'media' or 'class'
    theme: {
      extend: {},
    },
    variants: {
      extend: {},
    },
    plugins: [],
  }

Source: tailwindcss.com

Add tailwind to next

// pages/_app.js
import '../styles/globals.css'

function MyApp({ Component, pageProps }) {
  return <Component {...pageProps} />
}

export default MyApp

Source: tailwindcss.com

Add tailwind to next

// postcss.config.js
module.exports = {
  plugins: {
    tailwindcss: {},
    autoprefixer: {},
  },
}

Source: tailwindcss.com

Add tailwind to next

npx tailwindcss init -p

-1

Source: tailwindcss.com

Similar codes

0 vote276 views1 answer
If child elemnt is hovered do changes to the container css
CSS
0 vote282 views2 answers
Bulma uppercase
CSS
0 vote281 views1 answer
Animating a text in css
CSS
0 vote267 views1 answer
Center div with variable height
CSS
4 votes256 views2 answers
Bootstrap icons sdn
CSS
0 vote258 views1 answer
How to change height font css
CSS
20 votes297 views3 answers
Text overflow ellipsis two lines
CSS
68 votes265 views5 answers
Jquery css
CSS
44 votes262 views6 answers
Select odd child css
CSS
0 vote289 views1 answer
Flex: 0 1 auto
CSS