From 27796219c734009eb05e90f275e8299d00b667ca Mon Sep 17 00:00:00 2001
From: David Baumgold <david@davidbaumgold.com>
Date: Mon, 8 Jul 2013 11:12:48 -0400
Subject: [PATCH] Changed `@include background-size()` to `background-size`

Bourbon's background-size mixin has been deprecated, and they recommend to use the
official spec.
---
 common/lib/xmodule/xmodule/css/video/display.scss      | 4 ++--
 common/lib/xmodule/xmodule/css/videoalpha/display.scss | 4 ++--
 lms/static/sass/multicourse/_home.scss                 | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/common/lib/xmodule/xmodule/css/video/display.scss b/common/lib/xmodule/xmodule/css/video/display.scss
index 9d4c86c0f1..e15cc21a4c 100644
--- a/common/lib/xmodule/xmodule/css/video/display.scss
+++ b/common/lib/xmodule/xmodule/css/video/display.scss
@@ -64,7 +64,7 @@ div.video {
 
         a.ui-slider-handle {
           background: $pink url(../images/slider-handle.png) center center no-repeat;
-          @include background-size(50%);
+          background-size: 50%;
           border: 1px solid darken($pink, 20%);
           border-radius: 15px;
           box-shadow: inset 0 1px 0 lighten($pink, 10%);
@@ -320,7 +320,7 @@ div.video {
 
               a.ui-slider-handle {
                 background: $pink url(../images/slider-handle.png) center center no-repeat;
-                @include background-size(50%);
+                background-size: 50%;
                 border: 1px solid darken($pink, 20%);
                 border-radius: 15px;
                 box-shadow: inset 0 1px 0 lighten($pink, 10%);
diff --git a/common/lib/xmodule/xmodule/css/videoalpha/display.scss b/common/lib/xmodule/xmodule/css/videoalpha/display.scss
index 9d4c86c0f1..e15cc21a4c 100644
--- a/common/lib/xmodule/xmodule/css/videoalpha/display.scss
+++ b/common/lib/xmodule/xmodule/css/videoalpha/display.scss
@@ -64,7 +64,7 @@ div.video {
 
         a.ui-slider-handle {
           background: $pink url(../images/slider-handle.png) center center no-repeat;
-          @include background-size(50%);
+          background-size: 50%;
           border: 1px solid darken($pink, 20%);
           border-radius: 15px;
           box-shadow: inset 0 1px 0 lighten($pink, 10%);
@@ -320,7 +320,7 @@ div.video {
 
               a.ui-slider-handle {
                 background: $pink url(../images/slider-handle.png) center center no-repeat;
-                @include background-size(50%);
+                background-size: 50%;
                 border: 1px solid darken($pink, 20%);
                 border-radius: 15px;
                 box-shadow: inset 0 1px 0 lighten($pink, 10%);
diff --git a/lms/static/sass/multicourse/_home.scss b/lms/static/sass/multicourse/_home.scss
index 167d5bb8c3..e0fafcc402 100644
--- a/lms/static/sass/multicourse/_home.scss
+++ b/lms/static/sass/multicourse/_home.scss
@@ -102,7 +102,7 @@
         overflow: hidden;
         position: relative;
         background: url($video-thumb-url) center no-repeat;
-        @include background-size(cover);
+        background-size: cover;
 
         .play-intro {
           @include background-image(linear-gradient(-90deg, rgba(0,0,0, 0.65), rgba(0,0,0, 0.75)));