project_nextjs13_flexibble
project_nextjs13_flexibble copied to clipboard
@apply not working
here it is snippet from globals.css
`@tailwind base; @tailwind components; @tailwind utilities;
- { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: Inter; }
.flexCenter { @apply flex justify-center items-center; }
.flexBetween { @apply flex justify-between items-center; }`
i imported the file into layout import './globals.css'
i do the config correctly but nothing work from pesudo classs for example <nav className='flexBetween navbar'> flexBetween not working
i tried to edit my sitting as this https://stackoverflow.com/questions/74238283/tailwind-css-apply-not-working-with-pseudo-classes
but still nothing
@AhmedAlsudairy Hello, somehow I got it to work. I think I might have copy and paste with extra stuff but I'm not really sure how I fix it. Hope you figure it out.