From b80d1904add66c214515850a3923ef22756fc33f Mon Sep 17 00:00:00 2001
From: Calen Pennington <calen.pennington@gmail.com>
Date: Thu, 17 May 2012 16:44:36 -0400
Subject: [PATCH] Make scss urls relative to the directory that they are in

---
 sass/courseware/_amplifier.scss |  2 +-
 sass/courseware/_video.scss     |  6 +++---
 sass/marketing/_footer.scss     |  8 ++++----
 sass/marketing/_header.scss     | 10 +++++-----
 sass/marketing/_index.scss      |  6 +++---
 5 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/sass/courseware/_amplifier.scss b/sass/courseware/_amplifier.scss
index ae8764d6ee..a2265ba27b 100644
--- a/sass/courseware/_amplifier.scss
+++ b/sass/courseware/_amplifier.scss
@@ -228,7 +228,7 @@ section.tool-wrapper {
         }
 
         .ui-slider-handle {
-          background: lighten( #586e75, 5% ) url('/static/images/amplifier-slider-handle.png') center no-repeat;
+          background: lighten( #586e75, 5% ) url('../images/amplifier-slider-handle.png') center no-repeat;
           border: 1px solid darken(#002b36, 8%);
           @include box-shadow(inset 0 1px 0 lighten( #586e75, 20% ));
           margin-top: -.3em;
diff --git a/sass/courseware/_video.scss b/sass/courseware/_video.scss
index bf3cb8131b..54c1b9f600 100644
--- a/sass/courseware/_video.scss
+++ b/sass/courseware/_video.scss
@@ -192,7 +192,7 @@ section.course-content {
             float: left;
 
             a {
-              background: url('/static/images/closed-arrow.png') 10px center no-repeat;
+              background: url('../images/closed-arrow.png') 10px center no-repeat;
               border-left: 1px solid #000;
               border-right: 1px solid #000;
               @include box-shadow(1px 0 0 #555, inset 1px 0 0 #555);
@@ -209,7 +209,7 @@ section.course-content {
               width: 110px;
 
               &.open {
-                background: url('/static/images/open-arrow.png') 10px center no-repeat;
+                background: url('../images/open-arrow.png') 10px center no-repeat;
 
                 ol#video_speeds {
                   display: block;
@@ -280,7 +280,7 @@ section.course-content {
           }
 
           a.add-fullscreen {
-            background: url(/static/images/fullscreen.png) center no-repeat;
+            background: url(../images/fullscreen.png) center no-repeat;
             border-right: 1px solid #000;
             @include box-shadow(1px 0 0 #555, inset 1px 0 0 #555);
             color: #797979;
diff --git a/sass/marketing/_footer.scss b/sass/marketing/_footer.scss
index dc3747dd64..6fddb8ca91 100644
--- a/sass/marketing/_footer.scss
+++ b/sass/marketing/_footer.scss
@@ -6,7 +6,7 @@ footer {
   div.footer-wrapper {
     border-top: 1px solid #e5e5e5;
     padding: lh() 0;
-    background: url('/static/images/marketing/mit-logo.png') right center no-repeat;
+    background: url('../images/marketing/mit-logo.png') right center no-repeat;
 
     @media screen and (max-width: 780px) {
       background-position: left bottom;
@@ -84,15 +84,15 @@ footer {
           }
 
           &.twitter a {
-            background: url('/static/images/marketing/twitter.png') 0 0 no-repeat;
+            background: url('../images/marketing/twitter.png') 0 0 no-repeat;
           }
 
           &.facebook a {
-            background: url('/static/images/marketing/facebook.png') 0 0 no-repeat;
+            background: url('../images/marketing/facebook.png') 0 0 no-repeat;
           }
 
           &.linkedin a {
-            background: url('/static/images/marketing/linkedin.png') 0 0 no-repeat;
+            background: url('../images/marketing/linkedin.png') 0 0 no-repeat;
           }
         }
       }
diff --git a/sass/marketing/_header.scss b/sass/marketing/_header.scss
index 4cfe1578b5..9ea3bed0d5 100644
--- a/sass/marketing/_header.scss
+++ b/sass/marketing/_header.scss
@@ -6,10 +6,10 @@ header.announcement {
   -webkit-font-smoothing: antialiased;
 
   &.home {
-    background: #e3e3e3 url("/static/images/marketing/shot-5-medium.jpg");
+    background: #e3e3e3 url("../images/marketing/shot-5-medium.jpg");
 
     @media screen and (min-width: 1200px) {
-      background: #e3e3e3 url("/static/images/marketing/shot-5-large.jpg");
+      background: #e3e3e3 url("../images/marketing/shot-5-large.jpg");
     }
 
     div {
@@ -33,14 +33,14 @@ header.announcement {
   }
 
   &.course {
-    background: #e3e3e3 url("/static/images/marketing/course-bg-small.jpg");
+    background: #e3e3e3 url("../images/marketing/course-bg-small.jpg");
 
     @media screen and (min-width: 1200px) {
-      background: #e3e3e3 url("/static/images/marketing/course-bg-large.jpg");
+      background: #e3e3e3 url("../images/marketing/course-bg-large.jpg");
     }
 
     @media screen and (max-width: 1199px) and (min-width: 700px) {
-      background: #e3e3e3 url("/static/images/marketing/course-bg-medium.jpg");
+      background: #e3e3e3 url("../images/marketing/course-bg-medium.jpg");
     }
 
     div {
diff --git a/sass/marketing/_index.scss b/sass/marketing/_index.scss
index e7ceb2d46d..1b84b51536 100644
--- a/sass/marketing/_index.scss
+++ b/sass/marketing/_index.scss
@@ -222,16 +222,16 @@ section.index-content {
     &.course {
       h2 {
         padding-top: lh(5);
-        background: url('/static/images/marketing/circuits-bg.jpg') 0 0 no-repeat;
+        background: url('../images/marketing/circuits-bg.jpg') 0 0 no-repeat;
         @include background-size(contain);
 
         @media screen and (max-width: 998px) and (min-width: 781px){
-          background: url('/static/images/marketing/circuits-medium-bg.jpg') 0 0 no-repeat;
+          background: url('../images/marketing/circuits-medium-bg.jpg') 0 0 no-repeat;
         }
 
         @media screen and (max-width: 780px) {
           padding-top: lh(5);
-          background: url('/static/images/marketing/circuits-bg.jpg') 0 0 no-repeat;
+          background: url('../images/marketing/circuits-bg.jpg') 0 0 no-repeat;
         }
 
         @media screen and (min-width: 500px) and (max-width: 781px) {