Cleans up and refactors CSS

1 files changed, 55 insertions, 76 deletions

diff --git a/src/css/imports/_background-position.css b/src/css/imports/_background-position.css
index 4d850b6..8da6ef5 100755
--- a/src/css/imports/_background-position.css
+++ b/src/css/imports/_background-position.css
@@ -1,126 +1,105 @@
-/*
-
-    BACKGROUND POSITION
-
-    Base:
-    bg = background
-
-    Modifiers:
-    -center = center center
-    -top = top center
-    -right = center right
-    -bottom = bottom center
-    -left = center left
-
-    Media Query Extensions:
-      -ns = not-small
-      -m  = medium
-      -l  = large
-
- */
-
 .bg-center { 
   background-repeat: no-repeat;
-  background-position: center center; 
+  background-position: center center;
 }
 
-.bg-top {    
-  background-repeat: no-repeat; 
-  background-position: top center;    
+.bg-top {
+  background-repeat: no-repeat;
+  background-position: top center;
 }
 
-.bg-right {  
-  background-repeat: no-repeat; 
-  background-position: center right;  
+.bg-right {
+  background-repeat: no-repeat;
+  background-position: center right;
 }
 
-.bg-bottom { 
-  background-repeat: no-repeat; 
-  background-position: bottom center; 
+.bg-bottom {
+  background-repeat: no-repeat;
+  background-position: bottom center;
 }
 
-.bg-left {   
-  background-repeat: no-repeat; 
-  background-position: center left;   
+.bg-left {
+  background-repeat: no-repeat;
+  background-position: center left;
 }
 
 @media (--breakpoint-not-small) {
-  .bg-center-ns { 
+  .bg-center-ns {
     background-repeat: no-repeat;
-    background-position: center center; 
+    background-position: center center;
   }
 
-  .bg-top-ns {    
-    background-repeat: no-repeat; 
-    background-position: top center;    
+  .bg-top-ns {
+    background-repeat: no-repeat;
+    background-position: top center;
   }
 
-  .bg-right-ns {  
-    background-repeat: no-repeat; 
-    background-position: center right;  
+  .bg-right-ns {
+    background-repeat: no-repeat;
+    background-position: center right;
   }
 
-  .bg-bottom-ns { 
-    background-repeat: no-repeat; 
-    background-position: bottom center; 
+  .bg-bottom-ns {
+    background-repeat: no-repeat;
+    background-position: bottom center;
   }
 
-  .bg-left-ns {   
-    background-repeat: no-repeat; 
-    background-position: center left;   
+  .bg-left-ns {
+    background-repeat: no-repeat;
+    background-position: center left;
   }
 }
 
 @media (--breakpoint-medium) {
-  .bg-center-m { 
+  .bg-center-m {
     background-repeat: no-repeat;
-    background-position: center center; 
+    background-position: center center;
   }
 
-  .bg-top-m {    
-    background-repeat: no-repeat; 
-    background-position: top center;    
+  .bg-top-m {
+    background-repeat: no-repeat;
+    background-position: top center;
   }
 
-  .bg-right-m {  
-    background-repeat: no-repeat; 
-    background-position: center right;  
+  .bg-right-m {
+    background-repeat: no-repeat;
+    background-position: center right;
   }
 
-  .bg-bottom-m { 
-    background-repeat: no-repeat; 
-    background-position: bottom center; 
+  .bg-bottom-m {
+    background-repeat: no-repeat;
+    background-position: bottom center;
   }
 
-  .bg-left-m {   
-    background-repeat: no-repeat; 
-    background-position: center left;   
+  .bg-left-m {
+    background-repeat: no-repeat;
+    background-position: center left;
   }
 }
 
 @media (--breakpoint-large) {
-  .bg-center-l { 
+  .bg-center-l {
     background-repeat: no-repeat;
-    background-position: center center; 
+    background-position: center center;
   }
 
-  .bg-top-l {    
-    background-repeat: no-repeat; 
-    background-position: top center;    
+  .bg-top-l {
+    background-repeat: no-repeat;
+    background-position: top center;
   }
 
-  .bg-right-l {  
-    background-repeat: no-repeat; 
-    background-position: center right;  
+  .bg-right-l {
+    background-repeat: no-repeat;
+    background-position: center right;
   }
 
-  .bg-bottom-l { 
-    background-repeat: no-repeat; 
-    background-position: bottom center; 
+  .bg-bottom-l {
+    background-repeat: no-repeat;
+    background-position: bottom center;
   }
 
-  .bg-left-l {   
-    background-repeat: no-repeat; 
-    background-position: center left;   
+  .bg-left-l {
+    background-repeat: no-repeat;
+    background-position: center left;
   }
 }