Tailwindcss customizing box-shadow etc.
/** @type {import('tailwindcss').Config} */
module.exports = {
mode: "jit",
content: ["./src/**/*.html"],
theme: {
extend: {
boxShadow: {
"3xl": "0 35px 60px -15px rgba(0, 0, 0, 0.3)",
},
},
},
plugins: [],
}
Youtube üzerinden videoları izleyerek tailwindcss öğrenmeye çalışıyorum.
Videolarda gösterildiği gibi kendi custom box-shadow veya
custom spacing değeri yapmak istiyorum. Yukarıdaki kod dizimini
tailwindcss.config.js dosyasında yazıyorum fakat HTML 'ye geçtiğimde
yapmış olduğum değer gelmiyor. Çözümünü bulamadım. Şimdiden teşekkür ederim.
Content yolunu dikkatlice kontrol edin.en yaygın sorunlardan biri budur. Geliştirme sunucunuzu/izleme komutunuzu yeniden başlatın. Tarayıcı önbelleğini temizleyin.HTML'de sınıf adını doğru yazdığınızdan emin olun (shadow-3xl gibi). Ana CSS dosyanızda Tailwind direktiflerinin olduğundan emin olun. Eğer sorun devam ederse, projenizin dosya yapısını ve kullandığınız komutları daha detaylı paylaşırsanız, daha spesifik yardımcı olabilirim