From ed4be926a7217018e052e3fecda92e4ee671d950 Mon Sep 17 00:00:00 2001
From: Darin Dimitroff <d@thecrazyones.agency>
Date: Tue, 3 Jan 2017 11:44:31 +0200
Subject: Cleans up and refactors CSS

---
 src/css/imports/_background-position.css | 131 +++++++++++++------------------
 1 file changed, 55 insertions(+), 76 deletions(-)

(limited to 'src/css/imports/_background-position.css')

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;
   }
 }
-- 
cgit v1.3