Add a new class using @apply

Hey friends, how can add a new class where exist one, i try with this but is not working:

.fi-header #grid div:last-child {
    @apply grid flex-1 auto-cols-fr p-6 gap-y-8 fi-ta-ctn divide-y divide-gray-200 overflow-hidden rounded-xl bg-white shadow-sm ring-1 ring-gray-950/5 dark:divide-white/10 dark:bg-gray-900 dark:ring-white/10;
}

.fi-header #grid div:last-child {
    @apply grid flex-1 auto-cols-fr p-6 gap-y-8 fi-ta-ctn divide-y divide-gray-200 overflow-hidden rounded-xl bg-white shadow-sm ring-1 ring-gray-950/5 dark:divide-white/10 dark:bg-gray-900 dark:ring-white/10;
}

i mean, i need add new class here!

grid flex-1 auto-cols-fr gap-y-8

grid flex-1 auto-cols-fr gap-y-8

3 Replies

awcodes•11mo ago

You don’t need a new class.

.fi-header + div > div {}

.fi-header + div > div {}

TranceCodeOP•11mo ago

@awcodes thank you so much bro, it's working with this code!

 .fi-header + div > div > form {
        @apply p-6 fi-ta-ctn divide-gray-200 overflow-hidden rounded-xl bg-white shadow-2xl ring-0 ring-gray-950/5 dark:divide-white/10 
               dark:bg-gray-900;
    }

 .fi-header + div > div > form {
        @apply p-6 fi-ta-ctn divide-gray-200 overflow-hidden rounded-xl bg-white shadow-2xl ring-0 ring-gray-950/5 dark:divide-white/10 
               dark:bg-gray-900;
    }

TranceCodeOP•11mo ago

Gaming

Programming

Add a new class using @apply

Did you find this page helpful?