make use of tailwind layers in custom theme

following the docs, i created a custom theme. now i want to apply some base styles to my panel. usually i would wrap them inside tailwinds base layer.

@layer base {
  @apply bg-red-500;
}

@layer base {
  @apply bg-red-500;
}

if i paste that snippet inside

theme.css

theme.css

i get the following error

`@layer base` is used but no matching `@tailwind base` directive is present.

`@layer base` is used but no matching `@tailwind base` directive is present.

i'm not sure if that is a bug or if i'm applying the styles in the wrong place.

the other option would be to add the classes directly in the markup. is there any way to hook into/apply styles to

<html>

<html>

and

<body>

<body>

within the panel builder?

Filament•3y ago•

4 replies

maltebaer

make use of tailwind layers in custom theme

following the docs, i created a custom theme. now i want to apply some base styles to my panel. usually i would wrap them inside tailwinds base layer.

@layer base {
  @apply bg-red-500;
}

@layer base {
  @apply bg-red-500;
}

if i paste that snippet inside

theme.css

theme.css

i get the following error

`@layer base` is used but no matching `@tailwind base` directive is present.

`@layer base` is used but no matching `@tailwind base` directive is present.

i'm not sure if that is a bug or if i'm applying the styles in the wrong place.

the other option would be to add the classes directly in the markup. is there any way to hook into/apply styles to

<html>

<html>

and

<body>

<body>

within the panel builder?

make use of tailwind layers in custom theme

Similar Threads

make use of tailwind layers in custom theme

Similar Threads

Similar Threads

Similar Threads