From e9dbe1b69124c7bcc085ab1eba665795a1cdd00d Mon Sep 17 00:00:00 2001
From: MartinSchott <der.phobos@gmail.com>
Date: Wed, 22 Nov 2023 13:24:50 +0100
Subject: [PATCH] add gradient to all buttons (remove individual gradient on
 media page) #177

---
 assets/scss/_buttons.scss              | 23 +++++++++++++++++------
 assets/scss/templates/_media-page.scss | 20 ++++++++++----------
 2 files changed, 27 insertions(+), 16 deletions(-)

diff --git a/assets/scss/_buttons.scss b/assets/scss/_buttons.scss
index 5e2051f..e6c8847 100644
--- a/assets/scss/_buttons.scss
+++ b/assets/scss/_buttons.scss
@@ -3,6 +3,7 @@
   font-size: 22px;
   font-family: $primary-font;
   color: $white !important;
+  background-image: linear-gradient(160deg, rgba($white, 0.4), rgba($white, 0));
   text-transform: capitalize;
   padding: 16px 44px;
   margin-top: 15px;
@@ -31,31 +32,41 @@
     padding: 5px 10px;
     font-size: 15px;
   }
+
+  // ::after {
+  //   background: linear-gradient(160deg, rgba($white, 0.4), rgba($white, 0));
+  //   content: "";
+  //   position: absolute;
+  //   z-index: -1;
+  //   top: 0;
+  //   left: 0;
+  //   right: 0;
+  //   bottom: 0;
+  // }
 }
 
 .btn-primary {
-  background: $primary-color;
+  background-color: $primary-color;
   color: $white;
-  box-shadow: 2px 2px 3px 2px rgba($secondary-color, 0.6);
 
   &:active {
-    background: lighten($color: $primary-color, $amount: 10) !important;
+    background-color: lighten($color: $primary-color, $amount: 10) !important;
   }
 
   &:hover {
-    background: lighten($color: $primary-color, $amount: 10);
+    background-color: lighten($color: $primary-color, $amount: 10);
   }
 
   &.focus,
   &.active {
-    background: lighten($color: $primary-color, $amount: 10) !important;
+    background-color: lighten($color: $primary-color, $amount: 10) !important;
     box-shadow: none !important;
   }
 }
 
 
 .btn-transparent {
-  background: transparent;
+  background-color: transparent;
   color: $primary-color;
   font-weight: bold;
 
diff --git a/assets/scss/templates/_media-page.scss b/assets/scss/templates/_media-page.scss
index cc5c95e..e611913 100644
--- a/assets/scss/templates/_media-page.scss
+++ b/assets/scss/templates/_media-page.scss
@@ -13,16 +13,16 @@
     font-weight: 400;
     width: 100%;
     max-width: 400px;
-    ::before {
-      background: linear-gradient(160deg, rgba($white, 0.4), rgba($white, 0));
-      content: "";
-      position: absolute;
-      z-index: -1;
-      top: 0;
-      left: 0;
-      right: 0;
-      bottom: 0;
-    }
+    // ::before {
+    //   background: linear-gradient(160deg, rgba($white, 0.4), rgba($white, 0));
+    //   content: "";
+    //   position: absolute;
+    //   z-index: -1;
+    //   top: 0;
+    //   left: 0;
+    //   right: 0;
+    //   bottom: 0;
+    // }
   }
   // ol, ul {
   //   list-style-type: initial;