add gradient to all buttons (remove individual gradient on media page) …

…#177
ASKnetCommunity · Nov 22, 2023 · e9dbe1b · e9dbe1b
1 parent b4b8257
commit e9dbe1b
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 16 deletions.
diff --git 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
@@ -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;