project_nextjs13_flexibble icon indicating copy to clipboard operation
project_nextjs13_flexibble copied to clipboard

@apply not working

Open AhmedAlsudairy opened this issue 1 year ago • 1 comments

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 avatar Jun 30 '23 14:06 AhmedAlsudairy

@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.

mdamapong avatar Jul 01 '23 06:07 mdamapong