summaryrefslogtreecommitdiff
path: root/tailwindcss/02-vite/src/style.css
diff options
context:
space:
mode:
Diffstat (limited to 'tailwindcss/02-vite/src/style.css')
-rw-r--r--tailwindcss/02-vite/src/style.css15
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