Button and link styling

1 files changed, 22 insertions, 0 deletions

diff --git a/app/assets/stylesheets/application.tailwind.css b/app/assets/stylesheets/application.tailwind.css
index c37a0f4..d0b2b0b 100644
--- a/app/assets/stylesheets/application.tailwind.css
+++ b/app/assets/stylesheets/application.tailwind.css
@@ -8,6 +8,18 @@
 }
 
 @layer base {
+  a {
+    @apply underline;
+  }
+
+  a:hover {
+    @apply text-red-600;
+  }
+
+  .nav-links a {
+    @apply no-underline;
+  }
+
   .text-display {
     font-family: "Pokemon Classic", sans-serif;
   }
@@ -16,3 +28,13 @@
     @apply text-display;
   }
 }
+
+@layer components {
+  .btn {
+    @apply px-4 py-2 border border-black cursor-pointer;
+  }
+
+  .btn-primary {
+    @apply btn bg-orange-900 text-orange-100;
+  }
+}