Move assets to assets/

website/source/stylesheets/_components.scss → website/source/assets/stylesheets/_components.scss

@@ -15,7 +15,7 @@ header .header {
 
 .hero {
     height: $hero-height;
-    background: #000000 url(/images/hero_image.jpg) no-repeat 35px -40px;
+    background: #000000 image-url('hero_image.jpg') no-repeat 35px -40px;
     background-size: 960px 467px;
 
     h2 {
@@ -30,7 +30,7 @@ header .header {
     }
 
     .download-container {
-        background: url(/images/down_arrow.png) no-repeat top left;
+        background: image-url('down_arrow.png') no-repeat top left;
         display: inline-block;
         min-height: 73px;
         margin: 0 auto;
@@ -294,7 +294,7 @@ header .header {
         width: $nav-height;
         border-right: $border;
         float: left;
-        background: $white url(/images/arrow-left.png) no-repeat center center;
+        background: $white image-url('arrow-left.png') no-repeat center center;
         @include respond-to(mobile) {
             width: 50%;
             background-position: left center;
@@ -302,7 +302,7 @@ header .header {
     }
 
     .next-section {
-        background: $white url(/images/arrow-right.png) no-repeat center right;
+        background: $white image-url('arrow-right.png') no-repeat center right;
     }
 }
 

website/source/stylesheets/_footer.scss → website/source/assets/stylesheets/_footer.scss

@@ -29,7 +29,7 @@ margin-left: -20px;
 		}
 
 		.hashi-logo {
-		background: url(/images/logo_footer.png) no-repeat center top;
+		background: image-url('logo_footer.png') no-repeat center top;
 		height: 40px;
 		width: 40px;
 		background-size: 37px 40px;

website/source/stylesheets/_helpers.scss → website/source/assets/stylesheets/_helpers.scss

@@ -58,9 +58,9 @@ $mono: 'Inconsolata', 'courier new', courier, mono-space;
 
 @font-face {
     font-family: 'HeimatStencil-SemiBold';
-    src: url('../../fonts/2772B2_0_0.eot');
-    src: url('../../fonts/2772B2_0_0.woff') format('woff'),
-         url('../../fonts/2772B2_0_0.ttf') format('truetype');
+    src: font-url('2772B2_0_0.eot');
+    src: font-url('2772B2_0_0.woff') format('woff'),
+         font-url('2772B2_0_0.ttf') format('truetype');
     font-weight: normal;
     font-style: normal;
 }
@@ -89,7 +89,7 @@ background-color: $white;
 
 //elements
 .divider {
-background: url(/images/divider.png) no-repeat center bottom;
+background: image-url('divider.png') no-repeat center bottom;
 height: 70px;
 width: 70px;
 background-size: 70px 70px;

website/source/stylesheets/_nav.scss → website/source/assets/stylesheets/_nav.scss

@@ -22,7 +22,7 @@ nav {
     }
 
     .packer-logo {
-        background: url(/images/logo_nav.png) no-repeat center top;
+        background: image-url('logo_nav.png') no-repeat center top;
         height: 80px;
         width: 80px;
         background-size: 34px 50px;