Removing duplicate utilities for luminosity, reduced number of backgr…

…ound utilities to reduce CSS file by 15%.
wvuweb · Feb 5, 2019 · 0e5c7ae · 0e5c7ae
1 parent 9b2766c
commit 0e5c7ae
Show file tree

Hide file tree

Showing 5 changed files with 4 additions and 35 deletions.
diff --git a/public/css/styles.css b/public/css/styles.css
diff --git a/scss/utilities/_wvu-bg-blend-mode.scss b/scss/utilities/_wvu-bg-blend-mode.scss
@@ -3,26 +3,6 @@
   @include wvu-bg-blend-mode(lighten);
 }
 
-$i: 90;
-@while $i > 0 {
-  .wvu-bg-blend-mode-luminosity-#{$i} {
-    background-blend-mode: luminosity !important;
-    background-size: cover !important;
-    position: relative;
-    &:before {
-      background-color: inherit !important;
-      bottom: 0 !important;
-      content: '' !important;
-      left: 0 !important;
-      opacity: $i * .01 !important;
-      position: absolute !important;
-      right: 0 !important;
-      top: 0 !important;
-    }
-  }
-  $i: $i - 10;
-}
-
 $i: 90;
 @while $i > 0 {
   .wvu-bg-blend-mode-luminosity--#{$i} {

diff --git a/scss/utilities/_wvu-bg-position.scss b/scss/utilities/_wvu-bg-position.scss
@@ -69,7 +69,7 @@ $i: 100;
       }
     }
   }
-  $i: $i - 5;
+  $i: $i - 10;
 }
 
 @each $bg-class, $bg-property in (center-left, center left),

diff --git a/scss/utilities/_wvu-bg-vignetting.scss b/scss/utilities/_wvu-bg-vignetting.scss
@@ -2,7 +2,7 @@
   @include wvu-bg-vignetting($wvu-vignetting-opacity, left);
 }
 
-.wvu-bg-vignetting-right {
+.wvu-bg-vignetting--right {
   @include wvu-bg-vignetting($wvu-vignetting-opacity, right);
 }
 
@@ -16,14 +16,3 @@ $i: 90;
   }
   $i: $i - 10;
 }
-
-$i: 90;
-@while $i > 0 {
-  .wvu-bg-vignetting-right--#{$i} {
-    @include wvu-bg-vignetting($wvu-vignetting-opacity, right);
-    &:before {
-      opacity: $i * .01 !important;
-    }
-  }
-  $i: $i - 10;
-}
diff --git a/stylesheets/styles.css b/stylesheets/styles.css
-Original file line number
+Diff line change
@@ Expand Up / @@ -69,7 +69,7 @@ $i: 100; @@
           }
         }
       }
-      $i: $i - 5;
+      $i: $i - 10;
     }
     @each $bg-class, $bg-property in (center-left, center left),
@@ Expand Down @@