button gradients

HopHubProject · Mar 6, 2024 · 9d8aa57 · 9d8aa57
1 parent 4d845ff
commit 9d8aa57
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss
@@ -94,3 +94,15 @@ a {
 .maplibregl-popup-content span{
   color: #000;
 }
+
+.btn-primary, .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active {
+  background-image: linear-gradient(to right, #ff3af1, #ff8b02);
+}
+
+.btn-danger {
+    background-image: linear-gradient(to right, #dc3545, #972430);
+  }
+
+.btn {
+  box-shadow: 0 3px 10px 0 rgba(137, 156, 156, 0.75);
+}