gradient-fixes

BipinKalra · BipinKalra · commit 06fca5b71594 · 2020-06-13T15:23:42.000+05:30
diff --git a/examples/components/footer.hbs b/examples/components/footer.hbs
@@ -1,5 +1,5 @@
 <footer>
-  <div class="row justify-content-around pb-5 pt-5 pl-5 pr-5 bg-gradient-black-lr m-0 white">
+  <div class="row justify-content-around pb-5 pt-5 pl-5 pr-5 bg-gradient-black m-0 white">
     <div class="col-12 col-md-5">
       <h2 class="mb-3">
         About Coding Blocks
diff --git a/examples/views/hb/admission-contests.hbs b/examples/views/hb/admission-contests.hbs
@@ -25,7 +25,7 @@
           <div class="row c-card-carousel">
             <div class="col-md-4 col-12">
               <div class="border-card c-competition-card admission-card p-0">
-                <div class="head bg-gradient-black-lr py-5 px-4 all-center white">
+                <div class="head bg-gradient-black py-5 px-4 all-center white">
                   <div>
                     <div class="row no-gutters all-center">
                       <div class="col-2 mr-xl-4 mr-0">
@@ -83,7 +83,7 @@
             </div>
             <div class="col-md-4 col-12">
               <div class="border-card c-competition-card admission-card p-0">
-                <div class="head bg-gradient-black-lr py-5 px-4 all-center white">
+                <div class="head bg-gradient-black py-5 px-4 all-center white">
                   <div>
                     <div class="row no-gutters all-center">
                       <div class="col-2 mr-xl-4 mr-0">
@@ -141,7 +141,7 @@
             </div>
             <div class="col-md-4 col-12">
               <div class="border-card c-competition-card admission-card p-0">
-                <div class="head bg-gradient-black-lr py-5 px-4 all-center white">
+                <div class="head bg-gradient-black py-5 px-4 all-center white">
                   <div>
                     <div class="row no-gutters all-center">
                       <div class="col-2 mr-xl-4 mr-0">
@@ -219,7 +219,7 @@
           <div class="row c-card-carousel">
             <div class="col-md-4 col-12">
               <div class="border-card c-competition-card admission-card p-0">
-                <div class="head bg-gradient-black-lr py-5 px-4 all-center white">
+                <div class="head bg-gradient-black py-5 px-4 all-center white">
                   <div>
                     <div class="row no-gutters all-center">
                       <div class="col-2 mr-xl-4 mr-0">
@@ -276,7 +276,7 @@
             </div>
             <div class="col-md-4 col-12">
               <div class="border-card c-competition-card admission-card p-0">
-                <div class="head bg-gradient-black-lr py-5 px-4 all-center white">
+                <div class="head bg-gradient-black py-5 px-4 all-center white">
                   <div>
                     <div class="row no-gutters all-center">
                       <div class="col-2 mr-xl-4 mr-0">
@@ -333,7 +333,7 @@
             </div>
             <div class="col-md-4 col-12">
               <div class="border-card c-competition-card admission-card p-0">
-                <div class="head bg-gradient-black-lr py-5 px-4 all-center white">
+                <div class="head bg-gradient-black py-5 px-4 all-center white">
                   <div>
                     <div class="row no-gutters all-center">
                       <div class="col-2 mr-xl-4 mr-0">
@@ -412,7 +412,7 @@
           <div class="row c-card-carousel">
             <div class="col-md-4 col-12">
               <div class="border-card c-competition-card admission-card p-0">
-                <div class="head bg-gradient-black-lr py-5 px-4 all-center white">
+                <div class="head bg-gradient-black py-5 px-4 all-center white">
                   <div>
                     <div class="row no-gutters all-center">
                       <div class="col-2 mr-xl-4 mr-0">
@@ -450,7 +450,7 @@
             </div>
             <div class="col-md-4 col-12">
               <div class="border-card c-competition-card admission-card p-0">
-                <div class="head bg-gradient-black-lr py-5 px-4 all-center white">
+                <div class="head bg-gradient-black py-5 px-4 all-center white">
                   <div>
                     <div class="row no-gutters all-center">
                       <div class="col-2 mr-xl-4 mr-0">
@@ -488,7 +488,7 @@
             </div>
             <div class="col-md-4 col-12">
               <div class="border-card c-competition-card admission-card p-0">
-                <div class="head bg-gradient-black-lr py-5 px-4 all-center white">
+                <div class="head bg-gradient-black py-5 px-4 all-center white">
                   <div>
                     <div class="row no-gutters all-center">
                       <div class="col-2 mr-xl-4 mr-0">
diff --git a/examples/views/hb/admission-info.hbs b/examples/views/hb/admission-info.hbs
@@ -4,7 +4,7 @@
     <div class="row justify-content-center mx-0">
       {{>sidenav}}
       <div class="offset-0 offset-md-1 col-11 py-5 px-md-5 px-0 mb-5">
-        <div class="border-card p-5 bg-gradient-black-lr white">
+        <div class="border-card p-5 bg-gradient-black white">
           <div class="row align-items-center justify-content-between">
             <div class="row no-gutters col-md-9 col-12 align-items-center">
               <div class="col-md-1 col-2 pr-4">
diff --git a/examples/views/hb/landing-page.hbs b/examples/views/hb/landing-page.hbs
@@ -166,7 +166,7 @@
           <div class="row c-card-carousel pb-0 mx-md-3 mx-0 w-100">
             <div class="col-lg-6 col-md-8 col-sm-6 col-8">
               <div class="border-card p-0">
-                <div class="bg-gradient-black-lr py-5 px-4 all-center white t-align-c">
+                <div class="bg-gradient-black py-5 px-4 all-center white t-align-c">
                   <div>
                     <h3>APAT | April 2019</h3>
                     <span class="font-xl orange v-align-m mr-1">&#10625;</span>
@@ -213,7 +213,7 @@
             </div>
             <div class="col-lg-6 col-md-8 col-sm-6 col-8">
               <div class="border-card p-0">
-                <div class="bg-gradient-black-lr py-5 px-4 all-center white t-align-c">
+                <div class="bg-gradient-black py-5 px-4 all-center white t-align-c">
                   <div>
                     <h3>APAT | April 2019</h3>
                     <span class="font-xl orange v-align-m mr-1">&#10625;</span>
@@ -260,7 +260,7 @@
             </div>
             <div class="col-lg-6 col-md-8 col-sm-6 col-8">
               <div class="border-card p-0">
-                <div class="bg-gradient-black-lr py-5 px-4 all-center white t-align-c">
+                <div class="bg-gradient-black py-5 px-4 all-center white t-align-c">
                   <div>
                     <h3>APAT | April 2019</h3>
                     <span class="font-xl orange v-align-m mr-1">&#10625;</span>
@@ -307,7 +307,7 @@
             </div>
             <div class="col-lg-6 col-md-8 col-sm-6 col-8">
               <div class="border-card p-0">
-                <div class="bg-gradient-black-lr py-5 px-4 all-center white t-align-c">
+                <div class="bg-gradient-black py-5 px-4 all-center white t-align-c">
                   <div>
                     <h3>APAT | April 2019</h3>
                     <span class="font-xl orange v-align-m mr-1">&#10625;</span>
diff --git a/examples/views/online-cb/home.hbs b/examples/views/online-cb/home.hbs
@@ -600,7 +600,7 @@
     </div>
   </div>
 
-<div class="p-5 p-md-5 t-align-c bg-gradient-black-lr white">
+<div class="p-5 p-md-5 t-align-c bg-gradient-black white">
   <div class="heading mb-4">
     Our Students have been placed at:
   </div>
diff --git a/examples/views/online-cb/overview.hbs b/examples/views/online-cb/overview.hbs
@@ -1,7 +1,7 @@
 {{> nav-bar }}
  
 <div class="container pt-5">
-  <div class="border-card bg-gradient-black-lr c-course-progress mb-4">
+  <div class="border-card bg-gradient-black c-course-progress mb-4">
     <div class="row">
       <div class="col-12 col-md-6">
         <div class="img-desc mb-5">
diff --git a/sass/styles/applications/hb/buttons.scss b/sass/styles/applications/hb/buttons.scss
@@ -1,6 +1,4 @@
 .button-solid {
-  background-size: 100%;
-
   &.button-orange {
     background-image: $button-gradient-orange;
   }
@@ -15,7 +13,7 @@
   }
 
   &.button-green {
-    background-image: $gradient-green-lr;
+    background-image: $button-gradient-green;
   }
 
   &.disabled,
@@ -67,7 +65,7 @@
     color: $green;
 
     &:hover {
-      background-image: $gradient-green-lr;
+      background-image: $gradient-green;
       color: $white;
     }
   }
diff --git a/sass/styles/applications/hb/components/daily-goal-card.scss b/sass/styles/applications/hb/components/daily-goal-card.scss
@@ -5,7 +5,7 @@
     background-clip: content-box;
   }
 
-  @include progress(10px, $gradient-blue-lr);
+  @include progress(10px, $gradient-blue);
 }
 
 @media screen and (max-width: 1200px) {
diff --git a/sass/styles/applications/hb/progress.scss b/sass/styles/applications/hb/progress.scss
@@ -1,11 +1,11 @@
 progress::-moz-progress-bar {
-  background-image: $gradient-orange-lr;
+  background-image: $gradient-orange;
 }
 
 progress::-ms-fill {
-  background-image: $gradient-orange-lr;
+  background-image: $gradient-orange;
 }
 
 progress::-webkit-progress-value {
-  background-image: $gradient-orange-lr;
+  background-image: $gradient-orange;
 }
diff --git a/sass/styles/applications/hiringblocks/objects/buttons.scss b/sass/styles/applications/hiringblocks/objects/buttons.scss
@@ -15,7 +15,7 @@
   }
 
   &.button-green {
-    background-image: $gradient-green-lr;
+    background-image: $button-gradient-green;
   }
 }
 
@@ -48,7 +48,7 @@
     color: $orange;
 
     &:hover {
-      background-image: $gradient-orange-lr;
+      background-image: $gradient-orange;
       color: $white;
     }
   }
@@ -58,7 +58,7 @@
     color: $green;
 
     &:hover {
-      background-image: $gradient-green-lr;
+      background-image: $gradient-green;
       color: $white;
     }
   }
diff --git a/sass/styles/applications/online-cb/components/goodies-card.scss b/sass/styles/applications/online-cb/components/goodies-card.scss
@@ -13,6 +13,6 @@
     bottom: 25%;
     height: 25%;
     width: 6px;
-    background: $gradient-orange-lr;
+    background: $gradient-orange;
   }
 }
diff --git a/sass/styles/applications/online-cb/elements/buttons.scss b/sass/styles/applications/online-cb/elements/buttons.scss
@@ -41,7 +41,7 @@
     color: $orange;
 
     &:hover {
-      background-image: $button-gradient-orange-hover;
+      background-image: $gradient-orange;
       color: $white;
     }
   }
diff --git a/sass/styles/applications/online-cb/objects/form-input.scss b/sass/styles/applications/online-cb/objects/form-input.scss
@@ -31,7 +31,7 @@ div.input-radio {
   &.gradient-input {
     input:checked ~ label::before {
       content: "";
-      background: $gradient-orange-lr;
+      background: $gradient-orange;
     }
   }
 
diff --git a/sass/styles/applications/online-cb/settings/colors.scss b/sass/styles/applications/online-cb/settings/colors.scss
@@ -1,5 +1,4 @@
 $grey: #666;
-$orange: #f2734c;
 $border-grey: #2b2f37;
 
 //Text Colors
@@ -10,34 +9,3 @@ $text-color-list: map-merge(
     "dark-orange": $orange,
   )
 );
-
-//Gradients
-$gradient-blue: linear-gradient(to right, #1c40de, #2ab5ed);
-$gradient-lblue: linear-gradient(to right, #475ff5, #6ed9fc);
-$gradient-dblue: linear-gradient(to right, #0467f6, #0800a3);
-$gradient-navy: linear-gradient(to right, #19316c, #01b3c9);
-$gradient-cyan: linear-gradient(to right, #39dec0, #1d87b1);
-$gradient-purple: linear-gradient(to right, #8f3ce5, #3a30d6);
-$gradient-dpurple: linear-gradient(to right, #00205b, #84358e);
-$gradient-magenta: linear-gradient(to right, #f24f60, #a5066c);
-$gradient-pink: linear-gradient(to right, #e74b50, #d12ebd);
-$gradient-green: linear-gradient(to right, #83db3b, #26a87c);
-$gradient-yellow: linear-gradient(to right, #fa8733, #f7c332);
-$gradient-orange: linear-gradient(to right, #e74e4b, #fb8133);
-
-$button-gradient-green: linear-gradient(to right, #82da3b, #27a87c, #82da3b);
-$button-gradient-orange: linear-gradient(to right, #e74e4b, #fb8133, #e74e4b);
-$button-gradient-orange-hover: linear-gradient(to right, #fb8133, #e74e4b);
-$button-gradient-green-hover: linear-gradient(to right, #82da3b, #27a87c);
-
-//Gradient List
-$gradient-map: map-merge(
-  $gradient-map,
-  (
-    lblue: $gradient-lblue,
-    dblue: $gradient-dblue,
-    dpurple: $gradient-dpurple,
-    magenta: $gradient-magenta,
-    green: $gradient-green,
-  )
-)
diff --git a/sass/styles/objects/form-input.scss b/sass/styles/objects/form-input.scss
@@ -114,7 +114,7 @@ input.underline-input {
     z-index: 101;
     left: 0;
     top: 2px;
-    background: $checkbox-solid;
+    background: $gradient-orange-angle;
   }
 
   &.checkbox-solid > input:checked ~ span.salmon-gradient::before,
@@ -295,7 +295,7 @@ label.input-radio {
 
   &.gradient-input {
     input:checked ~ span:last-child::after {
-      background: $gradient-orange-lr;
+      background: $gradient-orange;
     }
   }
 
diff --git a/sass/styles/settings/settings.color.scss b/sass/styles/settings/settings.color.scss

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,4 @@`
`1`	`1`	`.button-solid {`
`2`		`- background-size: 100%;`
`3`		`-`
`4`	`2`	`&.button-orange {`
`5`	`3`	`background-image: $button-gradient-orange;`
`6`	`4`	`}`
`@@ -15,7 +13,7 @@`
`15`	`13`	`}`
`16`	`14`
`17`	`15`	`&.button-green {`
`18`		`- background-image: $gradient-green-lr;`
	`16`	`+ background-image: $button-gradient-green;`
`19`	`17`	`}`
`20`	`18`
`21`	`19`	`&.disabled,`
`@@ -67,7 +65,7 @@`
`67`	`65`	`color: $green;`
`68`	`66`
`69`	`67`	`&:hover {`
`70`		`- background-image: $gradient-green-lr;`
	`68`	`+ background-image: $gradient-green;`
`71`	`69`	`color: $white;`
`72`	`70`	`}`
`73`	`71`	`}`
Original file line number	Diff line number	Diff line change
`@@ -5,7 +5,7 @@`
`5`	`5`	`background-clip: content-box;`
`6`	`6`	`}`
`7`	`7`
`8`		`- @include progress(10px, $gradient-blue-lr);`
	`8`	`+ @include progress(10px, $gradient-blue);`
`9`	`9`	`}`
`10`	`10`
`11`	`11`	`@media screen and (max-width: 1200px) {`
Original file line number	Diff line number	Diff line change
`@@ -1,11 +1,11 @@`
`1`	`1`	`progress::-moz-progress-bar {`
`2`		`- background-image: $gradient-orange-lr;`
	`2`	`+ background-image: $gradient-orange;`
`3`	`3`	`}`
`4`	`4`
`5`	`5`	`progress::-ms-fill {`
`6`		`- background-image: $gradient-orange-lr;`
	`6`	`+ background-image: $gradient-orange;`
`7`	`7`	`}`
`8`	`8`
`9`	`9`	`progress::-webkit-progress-value {`
`10`		`- background-image: $gradient-orange-lr;`
	`10`	`+ background-image: $gradient-orange;`
`11`	`11`	`}`
Original file line number	Diff line number	Diff line change
`@@ -15,7 +15,7 @@`
`15`	`15`	`}`
`16`	`16`
`17`	`17`	`&.button-green {`
`18`		`- background-image: $gradient-green-lr;`
	`18`	`+ background-image: $button-gradient-green;`
`19`	`19`	`}`
`20`	`20`	`}`
`21`	`21`
`@@ -48,7 +48,7 @@`
`48`	`48`	`color: $orange;`
`49`	`49`
`50`	`50`	`&:hover {`
`51`		`- background-image: $gradient-orange-lr;`
	`51`	`+ background-image: $gradient-orange;`
`52`	`52`	`color: $white;`
`53`	`53`	`}`
`54`	`54`	`}`
`@@ -58,7 +58,7 @@`
`58`	`58`	`color: $green;`
`59`	`59`
`60`	`60`	`&:hover {`
`61`		`- background-image: $gradient-green-lr;`
	`61`	`+ background-image: $gradient-green;`
`62`	`62`	`color: $white;`
`63`	`63`	`}`
`64`	`64`	`}`