diff options
| author | Kamal Wickramanayake <kamal@inbox.lk> | 2026-07-04 21:47:53 +0530 |
|---|---|---|
| committer | Kamal Wickramanayake <kamal@inbox.lk> | 2026-07-04 21:47:53 +0530 |
| commit | 8ab27073ece9163510e63763ca4cf83a9d9c252b (patch) | |
| tree | 91521b478701ccbd1a6b4c2821583f4004589d2f /tailwindcss/02-vite/src/style.css | |
| parent | 10410dbe1d3e16bbfa6c27a788f48885b8a0c6f7 (diff) | |
Added Tailwind CSS sample projects
Diffstat (limited to 'tailwindcss/02-vite/src/style.css')
| -rw-r--r-- | tailwindcss/02-vite/src/style.css | 15 |
1 files changed, 15 insertions, 0 deletions
diff --git a/tailwindcss/02-vite/src/style.css b/tailwindcss/02-vite/src/style.css new file mode 100644 index 0000000..0b094f7 --- /dev/null +++ b/tailwindcss/02-vite/src/style.css @@ -0,0 +1,15 @@ +@import "tailwindcss"; + +/* Base layer customization with Tailwind CSS classes - applies to elements like p, a, img */ +@layer base { + a { + @apply text-pink-500; + } +} + +/* Components layer - Specify rules for components like btn, card, badge, etc. */ +@layer components { + .btn { + @apply inline-block rounded p-2 bg-gray-300 hover:bg-gray-900 hover:text-white transition; + } +}
\ No newline at end of file |