better css

2 files changed, 14 insertions, 38 deletions

diff --git a/scss/index.scss b/scss/index.scss
index 803793f..338920d 100644
--- a/scss/index.scss
+++ b/scss/index.scss
@@ -1,37 +1,17 @@
-body {
-  margin: 0;
-  background-color: grey;
-}
-
-img {
-  position: absolute;
-  top: 0;
-  left: 0;
-}
+@mixin abs {position: absolute; top: 0; left: 0;}
+@mixin rel {position: relative; top: 0; left: 0;}
 
-.pixelated {
-  image-rendering: pixelated;
-}
+body { margin: 0; background-color: grey; }
+#spawn { @include rel; width: 0; height: 0;}
 
-.background {
-  width: 100%;
-  height: 100%;
-}
+img {@include abs;}
+.pixelated { image-rendering: pixelated; }
 
-#spawn {
-  position: relative;
-  top: 0;
-  left: 0;
-  width: 0;
-  height: 0;
-}
 
 #screen {
   display: block;
   overflow: hidden;
   background-size: cover;
-  position: absolute;
-  top: 0;
-  left: 0;
+  @include abs;
 }
 
diff --git a/style.css b/style.css
index 24a09cf..901afc8 100644
--- a/style.css
+++ b/style.css
@@ -2,6 +2,13 @@ body {
   margin: 0;
   background-color: grey; }
 
+#spawn {
+  position: relative;
+  top: 0;
+  left: 0;
+  width: 0;
+  height: 0; }
+
 img {
   position: absolute;
   top: 0;
@@ -10,17 +17,6 @@ img {
 .pixelated {
   image-rendering: pixelated; }
 
-.background {
-  width: 100%;
-  height: 100%; }
-
-#spawn {
-  position: relative;
-  top: 0;
-  left: 0;
-  width: 0;
-  height: 0; }
-
 #screen {
   display: block;
   overflow: hidden;