Skip to content

E
edx-platform
Commit cd358d87 by Calen Pennington
Options

Make scss urls relative to the directory that they are in

parent 2cff7553
Showing with 16 additions and 16 deletions
sass/courseware/_amplifier.scss
...@@ -228,7 +228,7 @@ section.tool-wrapper { ...@@ -228,7 +228,7 @@ section.tool-wrapper {
} }
.ui-slider-handle { .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%); border: 1px solid darken(#002b36, 8%);
@include box-shadow(inset 0 1px 0 lighten( #586e75, 20% )); @include box-shadow(inset 0 1px 0 lighten( #586e75, 20% ));
margin-top: -.3em; margin-top: -.3em;
......
sass/courseware/_video.scss
...@@ -192,7 +192,7 @@ section.course-content { ...@@ -192,7 +192,7 @@ section.course-content {
float: left; float: left;
a { 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-left: 1px solid #000;
border-right: 1px solid #000; border-right: 1px solid #000;
@include box-shadow(1px 0 0 #555, inset 1px 0 0 #555); @include box-shadow(1px 0 0 #555, inset 1px 0 0 #555);
...@@ -209,7 +209,7 @@ section.course-content { ...@@ -209,7 +209,7 @@ section.course-content {
width: 110px; width: 110px;
&.open { &.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 { ol#video_speeds {
display: block; display: block;
...@@ -280,7 +280,7 @@ section.course-content { ...@@ -280,7 +280,7 @@ section.course-content {
} }
a.add-fullscreen { 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; border-right: 1px solid #000;
@include box-shadow(1px 0 0 #555, inset 1px 0 0 #555); @include box-shadow(1px 0 0 #555, inset 1px 0 0 #555);
color: #797979; color: #797979;
......
sass/marketing/_footer.scss
...@@ -6,7 +6,7 @@ footer { ...@@ -6,7 +6,7 @@ footer {
div.footer-wrapper { div.footer-wrapper {
border-top: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5;
padding: lh() 0; 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) { @media screen and (max-width: 780px) {
background-position: left bottom; background-position: left bottom;
...@@ -84,15 +84,15 @@ footer { ...@@ -84,15 +84,15 @@ footer {
} }
&.twitter a { &.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 { &.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 { &.linkedin a {
background: url('/static/images/marketing/linkedin.png') 0 0 no-repeat; background: url('../images/marketing/linkedin.png') 0 0 no-repeat;
} }
} }
} }
......
sass/marketing/_header.scss
...@@ -6,10 +6,10 @@ header.announcement { ...@@ -6,10 +6,10 @@ header.announcement {
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
&.home { &.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) { @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 { div {
...@@ -33,14 +33,14 @@ header.announcement { ...@@ -33,14 +33,14 @@ header.announcement {
} }
&.course { &.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) { @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) { @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 { div {
......
sass/marketing/_index.scss
...@@ -222,16 +222,16 @@ section.index-content { ...@@ -222,16 +222,16 @@ section.index-content {
&.course { &.course {
h2 { h2 {
padding-top: lh(5); 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); @include background-size(contain);
@media screen and (max-width: 998px) and (min-width: 781px){ @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) { @media screen and (max-width: 780px) {
padding-top: lh(5); 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) { @media screen and (min-width: 500px) and (max-width: 781px) {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment