Nested css class won't work

[nuxt-modules]

Nested css class won't work

[manniL]

You forgot the ampersand ☺️ (more info in the specs)

.tile {
  @apply rounded-full bg-green-700 w-64 h-64 relative;
  & .tile-content {
    @apply rounded-full bg-white w-32 h-32 absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

[na86]

Thanks @manniL
i totally missed the beautiful postcss.preset-env nuxt has built in...
endless gratitude for your work guys.

[Atinux]

Hi @na86

Could you please provide and example of your nested CSS classes?

[na86]

Hi @Atinux

here's a sandbox

https://codesandbox.io/s/nuxt-tailwindcss-nd7v2?fontsize=14

i hope is clear enough...

thank you (i'm a huge fan of your work!)