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 vote152 views1 answer
Css input spaces between
CSS
18 votes187 views5 answers
Col-md-6 bootstrap
CSS Bootstrap
0 vote150 views1 answer
Vue center components in body
CSS
-1 vote158 views1 answer
Css media query between two width
CSS
24 votes155 views6 answers
Css filter
CSS
2 votes181 views1 answer
Css area not selectable
CSS
0 vote140 views1 answer
Remove border radius select css
CSS
92 votes157 views6 answers
Center div css
CSS
48 votes154 views6 answers
Html font size
CSS
24 votes154 views6 answers
Background remover
CSS