Cleaning up

sass/__imagesInline.scss

@@ -1,3 +1,3 @@
-.introLogo {
-  background-image: inline-image("IntroLogo.svg");
-}
+//.introLogo {
+//  background-image: inline-image("IntroLogo.svg");
+//}

sass/_animations.scss

@@ -4,13 +4,13 @@
  ** Profit
  **/
 
-@import "compass/utilities/sprites";
-$anims-layout:vertical;
-$anims-sprite-dimensions: true;
-@import "anims/*/**.png";
-@include all-anims-sprites;
-
-@import "_animationsBG";
+//@import "compass/utilities/sprites";
+//$anims-layout:vertical;
+//$anims-sprite-dimensions: true;
+//@import "anims/*/**.png";
+//@include all-anims-sprites;
+//
+//@import "_animationsBG";
 
 
 #sceneAnimation {

sass/images.scss

@@ -1,4 +1,4 @@
-@import "_animations";
+//@import "_animations";
 
 #mainPage.mobile .contentImage {
   height: 10ex; // It's a good idea to make these smaller on mobile.

sass/screen.scss

@@ -38,4 +38,7 @@ $mainFont : "Source Sans Pro";
 @import "text/_room";
 @import "text/_say";
 @import "text/_inventory";
-@import "text/_appearance";
+@import "text/_appearance";
+
+// Images
+@import "_imagesInline"; // Lets go with inline for now.

sass/screenInline.scss

@@ -1,3 +0,0 @@
-@import "__imagesInline.scss";
-@import "screen";
-@import "fonts/_ssans.scss";

sass/screenLink.scss

@@ -1,3 +0,0 @@
-@import "screen";
-@import "__imagesLinks.scss";
-@import "fonts/_ssans.scss";

sass/screenRelative.scss

@@ -1,5 +0,0 @@
-//@import "fonts/_cousineRelative.scss";
-@import "fonts/_ssansRelative.scss";
-@import "screen";
-@import "images";
-@import "__imagesRelative.scss";

stylesheets/images.css

@@ -1,54 +1,3 @@
-/** Utilize JS getStyle to read width of spritesheet
- ** Calculate amount of steps from that
- ** Profit
- **/
-.anims-sprite, .anims-orcStand, .anims-mainBody, .anims-pixel0 {
-  background-image: url('images/anims-sad0922e873.png');
-  background-repeat: no-repeat;
-}
-
-.anims-orcStand {
-  background-position: 0 0;
-  height: 200px;
-  width: 800px;
-}
-
-.anims-mainBody {
-  background-position: 0 -200px;
-  height: 300px;
-  width: 1200px;
-}
-
-.anims-pixel0 {
-  background-position: 0 -500px;
-  height: 155px;
-  width: 262px;
-}
-
-.bg-Forest {
-  background-image: url("images/Forest.png");
-  width: 400px;
-  height: 200px;
-}
-
-#sceneAnimation {
-  display: block;
-  position: fixed;
-  bottom: 0px;
-  left: 50%;
-  z-index: 1;
-  pointer-events: none;
-  opacity: 0;
-}
-
-.sceneAnimation {
-  display: block;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  image-rendering: pixelated;
-}
-
 #mainPage.mobile .contentImage {
   height: 10ex;
 }