can I use tailwind and customized | Next.js | Page 1

proud field Jun 12, 2023, 9:45 AM

#

when I am trying to use one other is not working.

subtle skiff Jun 12, 2023, 9:50 AM

#

Yes you can do that. Just import both css files

proud field Jun 12, 2023, 9:51 AM

#

i m using customized bootstrap

subtle skiff Jun 12, 2023, 9:51 AM

#

So?

proud field Jun 12, 2023, 9:52 AM

#

#

am I missing something?

subtle skiff Jun 12, 2023, 9:53 AM

#

It should work assuming you set up scss correctly

proud field Jun 12, 2023, 9:54 AM

#

#

is this fine?

subtle skiff Jun 12, 2023, 9:54 AM

#

proud field

No that @import tailwind wont work

#

Tailwind works based on postcss so you need to use the @tailwind directive

proud field Jun 12, 2023, 9:55 AM

#

I have tried by keeping tailwind in global.css

#

then also not working

#

#

nextjs config /** @type {import('next').NextConfig} */
const path = require('path');

const nextConfig = {
sassOptions: {
includePaths: [path.join(__dirname, 'styles')],
},
}

module.exports = nextConfig

subtle skiff Jun 12, 2023, 9:57 AM

#

What is not working? Idk about sass but assuming you installed sass and set it up correctly, it should work

proud field Jun 12, 2023, 9:58 AM

#

When I am trying to use bootsrap by commenting tailwind import

#

it is working fine

#

and when I am commenting bootstrap and using tailwind it also works fine

#

but together they don't

#

Did I made you a clear explanation?

#

@subtle skiff can you help

subtle skiff Jun 12, 2023, 10:06 AM

#

@proud field i can use tailwind and a scss file perfectly fine here https://github.com/joulev/debug/tree/nextjs-tailwind-with-sass-sintu deployment: https://debug-git-nextjs-tailwind-with-sass-sintu-joulev.vercel.app/

#

they work together perfectly

#

so idk what's wrong for your side

proud field Jun 12, 2023, 10:06 AM

#

Okay, Thanks

#

Thanks for helping

#

Let me check

proud field Jun 12, 2023, 1:27 PM

#

@subtle skiff it's working except for the navbar

subtle skiff Jun 12, 2023, 1:28 PM

#

that's super weird then and i don't really know what to say

#

css files don't really discriminate against particular elements in the DOM

#can I use tailwind and customized