buttons decluttering done

Author: BipinKalra

sass/styles/applications/hb/buttons.scss

@@ -2,38 +2,17 @@
   &.button-blue {
     background-image: $button-gradient-blue;
   }
-
-  &.disabled,
-  &:disabled {
-    background: $faded-text !important;
-    cursor: auto;
-  }
 }
 
 .button-dashed {
   font-weight: $bold;
 
-  &:hover {
-    background-color: unset;
-  }
-
   &.button-blue {
     border: solid 1px $hb-blue;
     color: $hb-blue;
 
     &:hover {
       background-image: $gradient-blue;
-      color: $white;
-    }
-  }
-
-  &.button-orange {
-    border: solid 1px $orange;
-    color: $orange;
-
-    &:hover {
-      background-image: $gradient-orange;
-      color: $white;
     }
   }
 
@@ -42,30 +21,7 @@
     color: $purple;
 
     &:hover {
-      background-image: $gradient-purple;
-      color: $white;
-    }
-  }
-
-  &.button-green {
-    border: solid 1px $green;
-    color: $green;
-
-    &:hover {
-      background-image: $gradient-green;
-      color: $white;
-    }
-  }
-
-  &.disabled,
-  &:disabled {
-    border-color: $faded-text !important;
-    color: $faded-text !important;
-    cursor: auto;
-
-    &:hover {
-      background: $white !important;
-      color: $grey !important;
+      background-image: $gradient-dpurple;
     }
   }
 }

sass/styles/applications/hiringblocks/objects/buttons.scss

@@ -1,10 +1,4 @@
-.button-solid {
-  &.disabled,
-  &:disabled {
-    background: $faded-text !important;
-    cursor: auto;
-  }
-  
+.button-solid {  
   &.lg {
     padding: 13px 20px;
     border-radius: 30px;
@@ -14,44 +8,8 @@
 .button-dashed {
   font-weight: $bold;
 
-  &.disabled,
-  &:disabled {
-    border-color: $faded-text !important;
-    color: $faded-text !important;
-    cursor: auto;
-
-    &:hover {
-      background: $white !important;
-      color: $grey !important;
-    }
-  }
-
   &.lg {
     padding: 13px 20px;
     border-radius: 30px;
   }
-
-  &:hover {
-    background-color: unset;
-  }
-
-  &.button-orange {
-    border: solid 1px $orange;
-    color: $orange;
-
-    &:hover {
-      background-image: $gradient-orange;
-      color: $white;
-    }
-  }
-
-  &.button-green {
-    border: solid 1px $green;
-    color: $green;
-
-    &:hover {
-      background-image: $gradient-green;
-      color: $white;
-    }
-  }
 }

sass/styles/applications/online-cb/elements/buttons.scss

@@ -6,49 +6,9 @@
     background: $light-grey;
     color: #666666;
   }
-
-  &.disabled,
-  &:disabled {
-    cursor: auto;
-    background: $faded-text;
-  }
 }
 
 .button-dashed {
   font-weight: $bold;
   display: inline-block;
-
-  &:hover {
-    background-color: unset;
-  }
-
-  &.button-orange {
-    border: solid 1px $orange;
-    color: $orange;
-
-    &:hover {
-      background-image: $gradient-orange;
-      color: $white;
-    }
-  }
-
-  &.disabled,
-  &:disabled {
-    border-color: $faded-text !important;
-    color: $faded-text !important;
-    cursor: auto;
-
-    &:hover {
-      background: $white !important;
-      color: $grey  !important;
-    } 
-  }
-}
-
-@media screen and (max-width: 575px) {
-  .button-align-container {
-    display: flex;
-    width: 100%;
-    justify-content: flex-end;
-  }
 }

sass/styles/objects/buttons.scss

@@ -85,14 +85,19 @@
   &.button-white {
     background: $white !important;
   }
+
+  &.disabled,
+  &:disabled {
+    cursor: auto;
+    background: $button-gradient-disabled;
+  }
 }
 
 .button-dashed {
   border: 1px solid;
 
   &:hover {
-    background-color: $dashed-button-color;
-    color: $white;
+    color: $white !important;
   }
 
   &.button-pink-orange {
@@ -101,8 +106,6 @@
 
     &:hover {
       background-image: $hi-gradient-pink-orange-lr;
-      color: $white;
-      border: unset;
     }
   }
 
@@ -112,18 +115,35 @@
 
     &:hover {
       background-image: $gradient-orange;
-      color: $white;
     }
   }
-}
 
-.button-solid.disabled,
-.button-solid:disabled {
-  background-image: $button-gradient-disabled;
-  box-shadow: 0 10px 41px 0 $button-gradient-disabled;
+  &.button-green {
+    border: solid 1px $green;
+    color: $green;
+
+    &:hover {
+      background-image: $gradient-green;
+    }
+  }
+
+  &.disabled,
+  &:disabled {
+    border-color: $faded-text !important;
+    color: $faded-text !important;
+    cursor: auto;
+
+    &:hover {
+      background: $button-gradient-disabled !important;
+      color: $white !important;
+    }
+  }
+}
 
-  button {
-    cursor: default;
-    pointer-events: none;
+@media screen and (max-width: 575px) {
+  .button-align-container {
+    display: flex;
+    width: 100%;
+    justify-content: flex-end;
   }
 }