v2.5.2
Giriş yap

Html class'ıyla özel oluşturduğum Tailwind css class'ı birlikte çalışmıyor

erdem
343 defa görüntülendi
2
input.css
@tailwind base;
@tailwind components;
@tailwind utilities;

.event-button-secondary {
    height: 114px;
    max-width: 420px;
    @apply rounded-lg font-inter text-base-bold border-none bg-event-text-300 text-event-text-200 hover:bg-event-text-300 hover:text-event-text-200;
}
Html Sayfası:

Buraya yazdığım w-32 çalışmıyor

<button class="event-button-secondary w-32">Deactive</button>
css html
Cevap yaz
Cevaplar (2)
tayfunerbilen
686 gün önce

eger w-32 yerine !w-32 yazarsan çalışır ancak tailwind'de bu durumu engellemek için özel yazılan class'ları @layer
içinde yazmamızı istiyor tam da bu gibi durumlar için. Yani şöyle yazarsan:

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer components {
    .event-button-secondary {
        height: 114px;
        max-width: 420px;
        @apply rounded-lg font-inter text-base-bold border-none bg-event-text-300 text-event-text-200 hover:bg-event-text-300 hover:text-event-text-200;
    }
}

sorunsuz çalışır.

1
#011858
erdem
685 gün önce

@tayfunerbilen teşekkürler.

0
#011863