diff --git a/cms/static/sass/_base.scss b/cms/static/sass/_base.scss
index b244705363..d8cfb87baa 100644
--- a/cms/static/sass/_base.scss
+++ b/cms/static/sass/_base.scss
@@ -592,7 +592,7 @@ hr.divide {
 
 .window {
   // border-radius: 3px;
-  // @include box-shadow(0 1px 1px $shadow-l1);
+  // box-shadow: 0 1px 1px $shadow-l1;
   // margin-bottom: $baseline;
   // border: 1px solid $gray-l2;
   // background: $white;
@@ -607,7 +607,7 @@ hr.divide {
     border-radius: 2px 2px 0 0;
     @include linear-gradient(top, rgba(255, 255, 255, .4), rgba(255, 255, 255, 0));
     background-color: $lightBluishGrey;
-    @include box-shadow(0 1px 0 rgba(255, 255, 255, 0.2) inset);
+    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
     font-size: 14px;
     text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
   }
@@ -653,7 +653,7 @@ hr.divide {
   border: 1px solid #333;
   @include linear-gradient(top, rgba(255, 255, 255, .1), rgba(255, 255, 255, 0));
   background-color: rgba(30, 30, 30, .92);
-  @include box-shadow(0 1px 3px rgba(0, 0, 0, .3), 0 1px 0 rgba(255, 255, 255, .1) inset);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 0 rgba(255, 255, 255, .1) inset;
   font-size: 13px;
   text-align: center;
   color: #fff;
@@ -857,7 +857,7 @@ body.js {
   .content-modal {
     @include border-bottom-radius(2px);
     @include box-sizing(border-box);
-    @include box-shadow(0 2px 4px $shadow-d1);
+    box-shadow: 0 2px 4px $shadow-d1;
     position: relative;
     display: none;
     width: 700px;
diff --git a/cms/static/sass/_mixins-inherited.scss b/cms/static/sass/_mixins-inherited.scss
index 5ab35517f0..2b3224e6d4 100644
--- a/cms/static/sass/_mixins-inherited.scss
+++ b/cms/static/sass/_mixins-inherited.scss
@@ -108,7 +108,7 @@
 // inherited - ui
 .window {
   @include clearfix();
-  @include box-shadow(0 1px 1px $shadow-l1);
+  box-shadow: 0 1px 1px $shadow-l1;
   border-radius: 3px;
   margin-bottom: $baseline;
   border: 1px solid $gray-l2;
@@ -120,7 +120,7 @@
 // mixins - grandfathered
 @mixin button {
   @include font-size(14);
-  @include box-shadow(0 1px 0 rgba(255, 255, 255, .3) inset, 0 0 0 rgba(0, 0, 0, 0));
+  box-shadow: 0 1px 0 rgba(255, 255, 255, .3) inset, 0 0 0 rgba(0, 0, 0, 0);
   @include transition(background-color .15s, box-shadow .15s);
   display: inline-block;
   padding: ($baseline/5) $baseline ($baseline/4);
@@ -139,14 +139,14 @@
   }
 
   &:hover, &.active {
-    @include box-shadow(0 1px 0 rgba(255, 255, 255, .3) inset, 0 1px 1px rgba(0, 0, 0, .15));
+    box-shadow: 0 1px 0 rgba(255, 255, 255, .3) inset, 0 1px 1px rgba(0, 0, 0, .15);
   }
 }
 
 @mixin green-button {
   @include button;
   @include linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0));
-  @include box-shadow(0 1px 0 rgba(255, 255, 255, .3) inset);
+  box-shadow: 0 1px 0 rgba(255, 255, 255, .3) inset;
   border: 1px solid $green-d1;
   border-radius: 3px;
   background-color: $green;
@@ -161,7 +161,7 @@
     border: 1px solid $green-l3 !important;
     background: $green-l3 !important;
     color: $white !important;
-    @include box-shadow(none);
+    box-shadow: none;
   }
 }
 
@@ -179,7 +179,7 @@
   }
 
   &.disabled {
-    @include box-shadow(none);
+    box-shadow: none;
     border: 1px solid $blue-l3 !important;
     background: $blue-l3 !important;
     color: $white !important;
@@ -200,7 +200,7 @@
   }
 
   &.disabled {
-    @include box-shadow(none);
+    box-shadow: none;
     border: 1px solid $red-l3 !important;
     background: $red-l3 !important;
     color: $white !important;
@@ -221,7 +221,7 @@
   }
 
   &.disabled {
-    @include box-shadow(none);
+    box-shadow: none;
     border: 1px solid $pink-l3 !important;
     background: $pink-l3 !important;
     color: $white !important;
@@ -231,7 +231,7 @@
 @mixin orange-button {
   @include button;
   @include linear-gradient(top, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0) 60%);
-  @include box-shadow(0 1px 0 rgba(255, 255, 255, .3) inset);
+  box-shadow: 0 1px 0 rgba(255, 255, 255, .3) inset;
   border: 1px solid $orange-d1;
   border-radius: 3px;
   background-color: $orange;
@@ -246,14 +246,14 @@
     border: 1px solid $orange-l3 !important;
     background: $orange-l2 !important;
     color: $gray-l1 !important;
-    @include box-shadow(none);
+    box-shadow: none;
   }
 }
 
 @mixin white-button {
   @include button;
   @include linear-gradient(top, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
-  @include box-shadow(0 1px 0 rgba(255, 255, 255, .3) inset);
+  box-shadow: 0 1px 0 rgba(255, 255, 255, .3) inset;
   border: 1px solid $mediumGrey;
   border-radius: 3px;
   background-color: #dfe5eb;
@@ -269,7 +269,7 @@
 @mixin grey-button {
   @include button;
   @include linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0));
-  @include box-shadow(0 1px 0 rgba(255, 255, 255, .3) inset);
+  box-shadow: 0 1px 0 rgba(255, 255, 255, .3) inset;
   border: 1px solid $gray-d2;
   border-radius: 3px;
   background-color: #d1dae3;
@@ -284,7 +284,7 @@
 @mixin gray-button {
   @include button;
   @include linear-gradient(top, $white-t1, rgba(255, 255, 255, 0));
-  @include box-shadow(0 1px 0 $white-t1 inset);
+  box-shadow: 0 1px 0 $white-t1 inset;
   border: 1px solid $gray-d1;
   border-radius: 3px;
   background-color: $gray-d2;
@@ -311,7 +311,7 @@
 }
 
 @mixin edit-box {
-  @include box-shadow(0 1px 0 rgba(255, 255, 255, .2) inset);
+  box-shadow: 0 1px 0 rgba(255, 255, 255, .2) inset;
   padding: 15px 20px;
   border-radius: 3px;
   background-color: $lightBluishGrey2;
@@ -448,7 +448,7 @@
 // sunsetted mixins
 @mixin active {
   @include linear-gradient(top, rgba(255, 255, 255, .4), rgba(255, 255, 255, 0));
-  @include box-shadow(0 -1px 0 rgba(0, 0, 0, .2) inset, 0 1px 0 #fff inset);
+  box-shadow: 0 -1px 0 rgba(0, 0, 0, .2) inset, 0 1px 0 #fff inset;
   background-color: rgba(255, 255, 255, .3);
   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
 }
diff --git a/cms/static/sass/_reset.scss b/cms/static/sass/_reset.scss
index a4ac2b7f8c..6225a4ed89 100644
--- a/cms/static/sass/_reset.scss
+++ b/cms/static/sass/_reset.scss
@@ -143,7 +143,7 @@ abbr[title] {
 	width: 100%;
 	@include linear-gradient(top, rgba(255, 255, 255, .4), rgba(255, 255, 255, 0));
 	//background-color: $lightBluishGrey;
-	@include box-shadow(0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 -1px 0 rgba(0, 0, 0, 0.2) inset);
+	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 -1px 0 rgba(0, 0, 0, 0.2) inset;
 
 	li:first-child {
 		margin-left: 20px;
diff --git a/cms/static/sass/elements/_controls.scss b/cms/static/sass/elements/_controls.scss
index 9571192e19..6859560361 100644
--- a/cms/static/sass/elements/_controls.scss
+++ b/cms/static/sass/elements/_controls.scss
@@ -163,7 +163,7 @@
   }
 
   &.current, &.active, &.is-selected {
-    @include box-shadow(inset 0 1px 2px 1px $shadow-l1);
+    box-shadow: inset 0 1px 2px 1px $shadow-l1;
     border-color: $gray-l3;
   }
 }
diff --git a/cms/static/sass/elements/_forms.scss b/cms/static/sass/elements/_forms.scss
index 70d959fdea..9907b05995 100644
--- a/cms/static/sass/elements/_forms.scss
+++ b/cms/static/sass/elements/_forms.scss
@@ -12,7 +12,7 @@ textarea.text {
   border-radius: 2px;
   @include linear-gradient($gray-l5, $white);
   background-color: $gray-l5;
-  @include box-shadow(inset 0 1px 2px $shadow-l1);
+  box-shadow: inset 0 1px 2px $shadow-l1;
   font-family: 'Open Sans', sans-serif;
   font-size: 11px;
   color: $baseFontColor;
@@ -135,6 +135,6 @@ code {
   border: 1px solid $mediumGrey;
   @include linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3));
   background-color:  #edf1f5;
-  @include box-shadow(0 1px 2px rgba(0, 0, 0, 0.1) inset);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
   font-family: Monaco, monospace;
 }
diff --git a/cms/static/sass/elements/_header.scss b/cms/static/sass/elements/_header.scss
index 7f6c207eb8..a828e05252 100644
--- a/cms/static/sass/elements/_header.scss
+++ b/cms/static/sass/elements/_header.scss
@@ -3,7 +3,7 @@
 
 .wrapper-header {
   @extend .depth3;
-  @include box-shadow(0 1px 2px 0 $shadow-l1);
+  box-shadow: 0 1px 2px 0 $shadow-l1;
   position: relative;
   width: 100%;
   margin: 0;
diff --git a/cms/static/sass/elements/_navigation.scss b/cms/static/sass/elements/_navigation.scss
index 4a363f7f42..e97c31b8ae 100644
--- a/cms/static/sass/elements/_navigation.scss
+++ b/cms/static/sass/elements/_navigation.scss
@@ -76,7 +76,7 @@ nav {
   .nav-sub {
     border-radius: 2px;
     @include box-sizing(border-box);
-    @include box-shadow(0 1px 1px $shadow-l1);
+    box-shadow: 0 1px 1px $shadow-l1;
     position: relative;
     width: 100%;
     border: 1px solid $gray-l3;
diff --git a/cms/static/sass/elements/_system-feedback.scss b/cms/static/sass/elements/_system-feedback.scss
index 56204470b3..543f7ca559 100644
--- a/cms/static/sass/elements/_system-feedback.scss
+++ b/cms/static/sass/elements/_system-feedback.scss
@@ -163,7 +163,7 @@
 
   .prompt {
     border-radius: ($baseline/5);
-    @include box-shadow(0 0 3px $shadow-d1);
+    box-shadow: 0 0 3px $shadow-d1;
     display: inline-block;
     vertical-align: middle;
     width: $baseline*17.5;
@@ -176,7 +176,7 @@
     }
 
     .nav-actions {
-      @include box-shadow(inset 0 1px 2px $shadow-d1);
+      box-shadow: inset 0 1px 2px $shadow-d1;
       border-top: 1px solid $black-t1;
       padding: ($baseline*0.75) $baseline;
       background: $gray-d4;
@@ -244,14 +244,14 @@
 .wrapper-notification {
   @extend .depth5;
   @include clearfix();
-  @include box-shadow(0 -1px 3px $shadow, inset 0 3px 1px $blue);
+  box-shadow: 0 -1px 3px $shadow, inset 0 3px 1px $blue;
   position: fixed;
   bottom: 0;
   width: 100%;
   padding: $baseline ($baseline*2);
 
   &.wrapper-notification-warning {
-    @include box-shadow(0 -1px 3px $shadow, inset 0 3px 1px $orange);
+    box-shadow: 0 -1px 3px $shadow, inset 0 3px 1px $orange;
 
     [class^="icon"] {
       color: $orange;
@@ -259,7 +259,7 @@
   }
 
   &.wrapper-notification-error {
-    @include box-shadow(0 -1px 3px $shadow, inset 0 3px 1px $red-l1);
+    box-shadow: 0 -1px 3px $shadow, inset 0 3px 1px $red-l1;
 
     [class^="icon"] {
       color: $red-l1;
@@ -267,7 +267,7 @@
   }
 
   &.wrapper-notification-confirmation {
-    @include box-shadow(0 -1px 3px $shadow, inset 0 3px 1px $green);
+    box-shadow: 0 -1px 3px $shadow, inset 0 3px 1px $green;
 
     [class^="icon"] {
       color: $green;
@@ -275,7 +275,7 @@
   }
 
   &.wrapper-notification-saving {
-    @include box-shadow(0 -1px 3px $shadow, inset 0 3px 1px $pink);
+    box-shadow: 0 -1px 3px $shadow, inset 0 3px 1px $pink;
   }
 
   // shorter/status notifications
@@ -455,7 +455,7 @@
 .wrapper-alert {
   @extend .depth2;
   @include box-sizing(border-box);
-  @include box-shadow(0 1px 1px $white, inset 0 2px 2px $shadow-d1, inset 0 -4px 1px $blue);
+  box-shadow: 0 1px 1px $white, inset 0 2px 2px $shadow-d1, inset 0 -4px 1px $blue;
   position: relative;
   overflow: hidden;
   width: 100%;
@@ -472,7 +472,7 @@
   }
 
   &.wrapper-alert-warning {
-    @include box-shadow(0 1px 1px $white, inset 0 2px 2px $shadow-d1, inset 0 -4px 1px $orange);
+    box-shadow: 0 1px 1px $white, inset 0 2px 2px $shadow-d1, inset 0 -4px 1px $orange;
 
     [class^="icon"] {
       color: $orange;
@@ -480,7 +480,7 @@
   }
 
   &.wrapper-alert-error {
-    @include box-shadow(0 1px 1px $white, inset 0 2px 2px $shadow-d1, inset 0 -4px 1px $red-l1);
+    box-shadow: 0 1px 1px $white, inset 0 2px 2px $shadow-d1, inset 0 -4px 1px $red-l1;
 
     [class^="icon"] {
       color: $red-l1;
@@ -488,7 +488,7 @@
   }
 
   &.wrapper-alert-confirmation {
-    @include box-shadow(0 1px 1px $white, inset 0 2px 2px $shadow-d1, inset 0 -4px 1px $green);
+    box-shadow: 0 1px 1px $white, inset 0 2px 2px $shadow-d1, inset 0 -4px 1px $green;
 
     [class^="icon"] {
       color: $green;
@@ -496,7 +496,7 @@
   }
 
   &.wrapper-alert-announcement {
-    @include box-shadow(0 1px 1px $white, inset 0 2px 2px $shadow-d1, inset 0 -4px 1px $blue);
+    box-shadow: 0 1px 1px $white, inset 0 2px 2px $shadow-d1, inset 0 -4px 1px $blue;
 
     [class^="icon"] {
       color: $blue;
@@ -504,7 +504,7 @@
   }
 
   &.wrapper-alert-step-required {
-    @include box-shadow(0 1px 1px $white, inset 0 2px 2px $shadow-d1, inset 0 -4px 1px $pink);
+    box-shadow: 0 1px 1px $white, inset 0 2px 2px $shadow-d1, inset 0 -4px 1px $pink;
 
     [class^="icon"] {
       color: $pink;
diff --git a/cms/static/sass/elements/_tender-widget.scss b/cms/static/sass/elements/_tender-widget.scss
index e7be0cd487..6b81044232 100644
--- a/cms/static/sass/elements/_tender-widget.scss
+++ b/cms/static/sass/elements/_tender-widget.scss
@@ -8,7 +8,7 @@
 
 #tender_window {
   border-radius: 3px;
-  @include box-shadow(0 2px 3px $shadow);
+  box-shadow: 0 2px 3px $shadow;
   height: ($baseline*35) !important;
   background: $white !important;
   border: 2px solid $blue;
diff --git a/cms/static/sass/elements/_vendor.scss b/cms/static/sass/elements/_vendor.scss
index 388c14df1d..0e47c9c48e 100644
--- a/cms/static/sass/elements/_vendor.scss
+++ b/cms/static/sass/elements/_vendor.scss
@@ -8,7 +8,7 @@
   background: #fff;
   font-family: $f-sans-serif;
   font-size: 12px;
-  @include box-shadow(0 5px 10px rgba(0, 0, 0, 0.1));
+  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
   z-index: 100000 !important;
 
   .ui-widget-header {
diff --git a/cms/static/sass/views/_account.scss b/cms/static/sass/views/_account.scss
index d462405926..7f79fc5fc6 100644
--- a/cms/static/sass/views/_account.scss
+++ b/cms/static/sass/views/_account.scss
@@ -57,7 +57,7 @@ body.signup, body.signin {
 
     form {
       @include box-sizing(border-box);
-      @include box-shadow(0 1px 2px $shadow-l1);
+      box-shadow: 0 1px 2px $shadow-l1;
       border-radius: 2px;
       width: 100%;
       border: 1px solid $gray-l2;
diff --git a/cms/static/sass/views/_assets.scss b/cms/static/sass/views/_assets.scss
index d4cff42ee9..a293b1846b 100644
--- a/cms/static/sass/views/_assets.scss
+++ b/cms/static/sass/views/_assets.scss
@@ -81,7 +81,7 @@ body.course.uploads {
       }
 
       .embeddable-xml-input {
-        @include box-shadow(none);
+        box-shadow: none;
         width: 100%;
       }
 
@@ -194,7 +194,7 @@ body.course.uploads {
   }
 
   .embeddable-xml-input {
-    @include box-shadow(none);
+    box-shadow: none;
     width: 400px;
   }
 
diff --git a/cms/static/sass/views/_checklists.scss b/cms/static/sass/views/_checklists.scss
index 91f573dd46..ddc6c80c99 100644
--- a/cms/static/sass/views/_checklists.scss
+++ b/cms/static/sass/views/_checklists.scss
@@ -49,7 +49,7 @@ body.course.checklists {
     // header/title
     header {
       @include clearfix();
-      @include box-shadow(inset 0 -1px 1px $shadow-l1);
+      box-shadow: inset 0 -1px 1px $shadow-l1;
       margin-bottom: 0;
       border-bottom: 1px solid $gray-l3;
       padding: $baseline ($baseline*1.5);
@@ -118,7 +118,7 @@ body.course.checklists {
     // checklist actions
     .course-checklist-actions {
       @include clearfix();
-      @include box-shadow(inset 0 1px 1px $shadow-l1);
+      box-shadow: inset 0 1px 1px $shadow-l1;
       @include transition(border .15s ease-in-out .25s);
       border-top: 1px solid $gray-l2;
       padding: $baseline ($baseline*1.5);
@@ -155,7 +155,7 @@ body.course.checklists {
     &.is-collapsed {
 
       header {
-        @include box-shadow(none);
+        box-shadow: none;
 
         .checklist-title {
 
diff --git a/cms/static/sass/views/_dashboard.scss b/cms/static/sass/views/_dashboard.scss
index fa9f385b83..8d1b068256 100644
--- a/cms/static/sass/views/_dashboard.scss
+++ b/cms/static/sass/views/_dashboard.scss
@@ -10,9 +10,9 @@ body.dashboard {
 	.class-list {
 		margin-top: 20px;
 		border-radius: 3px;
-		border: 1px solid $darkGrey;	
+		border: 1px solid $darkGrey;
 		background: #fff;
-		@include box-shadow(0 1px 2px rgba(0, 0, 0, .1));
+		box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
 
 		li {
 			position: relative;
@@ -27,7 +27,7 @@ body.dashboard {
 				display: block;
 				padding: 20px 25px;
 				line-height: 1.3;
-				
+
 				&:hover {
 					background: $paleYellow;
 
@@ -57,7 +57,7 @@ body.dashboard {
 			z-index: 10000;
 			position: absolute;
 			top: 15px;
-			right: $baseline;		
+			right: $baseline;
 			padding: ($baseline/4) ($baseline/2);
 			opacity: 0.0;
 			pointer-events: none;
@@ -73,7 +73,7 @@ body.dashboard {
 		padding: 15px 25px;
 		margin-top: 20px;
 		border-radius: 3px;
-		border: 1px solid $darkGrey;	
+		border: 1px solid $darkGrey;
 		background: #fff;
 		box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
 		@include clearfix;
@@ -121,4 +121,4 @@ body.dashboard {
 			@include white-button;
 		}
 	}
-}
\ No newline at end of file
+}
diff --git a/cms/static/sass/views/_index.scss b/cms/static/sass/views/_index.scss
index 69dec76947..c79401fedd 100644
--- a/cms/static/sass/views/_index.scss
+++ b/cms/static/sass/views/_index.scss
@@ -114,7 +114,7 @@ body.index {
 
     // feature content
     .wrapper-content-features {
-      @include box-shadow(0 -1px ($baseline/4) $shadow);
+      box-shadow: 0 -1px ($baseline/4) $shadow;
       padding-bottom: ($baseline*2);
       padding-top: ($baseline*3);
       background: $white;
@@ -141,7 +141,7 @@ body.index {
 
           a {
             @include box-sizing(border-box);
-            @include box-shadow(0 1px ($baseline/10) $shadow-l1);
+            box-shadow: 0 1px ($baseline/10) $shadow-l1;
             position: relative;
             top: 0;
             display: block;
@@ -233,7 +233,7 @@ body.index {
               }
 
               &:hover {
-                @include box-shadow(0 1px ($baseline/10) $shadow-l1);
+                box-shadow: 0 1px ($baseline/10) $shadow-l1;
                 background: $blue-l5;
                 top: -($baseline/5);
 
diff --git a/cms/static/sass/views/_outline.scss b/cms/static/sass/views/_outline.scss
index 151dcc6e1f..0cc15b9032 100644
--- a/cms/static/sass/views/_outline.scss
+++ b/cms/static/sass/views/_outline.scss
@@ -65,7 +65,7 @@ body.course.outline {
               .menu {
                 @include font-size(12);
                 border-radius: 4px;
-                @include box-shadow(0 1px 2px rgba(0, 0, 0, .2));
+                box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
                 @include transition(opacity .15s);
                 z-index: 1;
                 display: none;
@@ -143,7 +143,7 @@ body.course.outline {
       border: 1px solid $mediumGrey;
       margin-top: 15px;
       padding-bottom: 12px;
-      @include box-shadow(0 1px 1px rgba(0, 0, 0, 0.1));
+      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
 
       &:first-child {
           margin-top: 0;
@@ -199,7 +199,7 @@ body.course.outline {
       .datepair .date,
       .datepair .time {
           @include font-size(13);
-          @include box-shadow(none);
+          box-shadow: none;
           padding-left: 0;
           padding-right: 0;
           border: none;
@@ -343,7 +343,7 @@ body.course.outline {
               .menu {
                 @include font-size(12);
                 border-radius: 4px;
-                @include box-shadow(0 1px 2px rgba(0, 0, 0, .2));
+                box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
                 @include transition(opacity .15s);
                 @include transition(display .15s);
                 z-index: 1;
@@ -582,7 +582,7 @@ body.course.outline {
       left: 110px;
       z-index: 9999;
       border: 1px solid #3C3C3C;
-      @include box-shadow(0 1px 15px rgba(0, 0, 0, .2));
+      box-shadow: 0 1px 15px rgba(0, 0, 0, .2);
   }
 
   .preview {
@@ -688,7 +688,7 @@ body.course.outline {
   }
 
   .ui-draggable-dragging {
-      @include box-shadow(0 1px 2px rgba(0, 0, 0, .3));
+      box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
       border: 1px solid $darkGrey;
       opacity : 0.2;
       &:hover {
diff --git a/cms/static/sass/views/_settings.scss b/cms/static/sass/views/_settings.scss
index 52e16af63a..e1b6fc6ac6 100644
--- a/cms/static/sass/views/_settings.scss
+++ b/cms/static/sass/views/_settings.scss
@@ -266,7 +266,7 @@ body.course.settings {
 
         input, textarea {
           @extend .t-copy-lead1;
-          @include box-shadow(none);
+          box-shadow: none;
           border: none;
           background: none;
           padding: 0;
@@ -294,7 +294,7 @@ body.course.settings {
 
       // course link note
       .note-promotion-courseURL {
-        @include box-shadow(0 2px 1px $shadow-l1);
+        box-shadow: 0 2px 1px $shadow-l1;
         border-radius: ($baseline/5);
         margin-top: ($baseline*1.5);
         border: 1px solid $gray-l2;
@@ -330,7 +330,7 @@ body.course.settings {
         }
 
         .list-actions {
-          @include box-shadow(inset 0 1px 1px $shadow-l1);
+          box-shadow: inset 0 1px 1px $shadow-l1;
           border-top: 1px solid $gray-l2;
           padding:  ($baseline/2);
           background: $gray-l5;
@@ -453,7 +453,7 @@ body.course.settings {
       .new-grade-button {
         @include box-sizing(border-box);
         @include linear-gradient(top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
-        @include box-shadow(0 1px 0 rgba(255, 255, 255, .3) inset);
+        box-shadow: 0 1px 0 rgba(255, 255, 255, .3) inset;
         width: flex-grid(1,9);
         height: ($baseline*2);
         position: relative;
@@ -620,7 +620,7 @@ body.course.settings {
                 height: 50px;
                 width: 2px;
                 background-color: #fff;
-                @include box-shadow(-1px 0 3px rgba(0,0,0,0.1));
+                box-shadow: -1px 0 3px rgba(0,0,0,0.1);
 
                 cursor: ew-resize;
                 @include transition(none);
@@ -768,7 +768,7 @@ body.course.settings {
       .CodeMirror {
         @extend .t-copy-base;
         @include box-sizing(border-box);
-        @include box-shadow(0 1px 2px rgba(0, 0, 0, .1) inset);
+        box-shadow: 0 1px 2px rgba(0, 0, 0, .1) inset;
         @include linear-gradient($lightGrey, tint($lightGrey, 90%));
         padding: 5px 8px;
         border: 1px solid $mediumGrey;
diff --git a/cms/static/sass/views/_static-pages.scss b/cms/static/sass/views/_static-pages.scss
index 5a586bc3af..de03b238cc 100644
--- a/cms/static/sass/views/_static-pages.scss
+++ b/cms/static/sass/views/_static-pages.scss
@@ -39,7 +39,7 @@ body.course.static-pages {
 
     .component-editor {
       @include edit-box;
-      @include box-shadow(none);
+      box-shadow: none;
       display: none;
       padding: 0;
       border-radius: 2px 2px 0 0;
@@ -51,7 +51,7 @@ body.course.static-pages {
 
       // This duplicates the styling from Unit page editing
       .module-actions {
-        @include box-shadow(inset 0 1px 1px $shadow);
+        box-shadow: inset 0 1px 1px $shadow;
         padding: 0px 0 10px 10px;
         background-color: $gray-l6;
 
@@ -74,7 +74,7 @@ body.course.static-pages {
     &.new-component-item {
       background: transparent;
       border: none;
-      @include box-shadow(none);
+      box-shadow: none;
     }
   }
 
@@ -151,7 +151,7 @@ body.course.static-pages {
     border: 1px solid $darkGrey;
     border-radius: 3px;
     background: #fff;
-    @include box-shadow(0 1px 2px rgba(0, 0, 0, .1));
+    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
 
     .page-name {
       font-size: 19px;
@@ -193,7 +193,7 @@ body.course.static-pages {
     border-radius: 2px;
     @include linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .3));
     background-color: #edf1f5;
-    @include box-shadow(0 1px 2px rgba(0, 0, 0, .1) inset);
+    box-shadow: 0 1px 2px rgba(0, 0, 0, .1) inset;
     font-family: Monaco, monospace;
     font-size: 13px;
     color: #3c3c3c;
diff --git a/cms/static/sass/views/_subsection.scss b/cms/static/sass/views/_subsection.scss
index 715386a5a1..5c54ec3a18 100644
--- a/cms/static/sass/views/_subsection.scss
+++ b/cms/static/sass/views/_subsection.scss
@@ -144,7 +144,7 @@ body.course.subsection {
     .url {
       width: 100%;
       margin-bottom: 10px;
-      @include box-shadow(none);
+      box-shadow: none;
     }
 
     .draft-tag,
@@ -348,7 +348,7 @@ body.course.subsection {
         border: 1px solid $mediumGrey;
         font-size: 12px;
         border-radius: 4px;
-        @include box-shadow(0 1px 2px rgba(0, 0, 0, .2));
+        box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
         @include transition(opacity .15s);
 
 
diff --git a/cms/static/sass/views/_unit.scss b/cms/static/sass/views/_unit.scss
index 26278cd0b1..471bdc4848 100644
--- a/cms/static/sass/views/_unit.scss
+++ b/cms/static/sass/views/_unit.scss
@@ -49,7 +49,7 @@ body.course.unit {
       border-bottom: 1px solid #cbd1db;
       @include linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0) 70%);
       background-color: #edf1f5;
-      @include box-shadow(0 1px 0 rgba(255, 255, 255, .7) inset);
+      box-shadow: 0 1px 0 rgba(255, 255, 255, .7) inset;
       @include clearfix;
 
       li {
@@ -140,7 +140,7 @@ body.course.unit {
               font-size: 15px;
               line-height: 14px;
               text-align: center;
-              @include box-shadow(0 1px 1px rgba(0, 0, 0, .2), 0 1px 0 rgba(255, 255, 255, .4) inset);
+              box-shadow: 0 1px 1px rgba(0, 0, 0, .2), 0 1px 0 rgba(255, 255, 255, .4) inset;
 
               .name {
                 position: absolute;
@@ -160,7 +160,7 @@ body.course.unit {
             border-radius: 3px;
             border: 1px solid $mediumGrey;
             background-color: #fff;
-            @include box-shadow(0 1px 1px rgba(0, 0, 0, .2), 0 1px 0 rgba(255, 255, 255, .4) inset);
+            box-shadow: 0 1px 1px rgba(0, 0, 0, .2), 0 1px 0 rgba(255, 255, 255, .4) inset;
             @include clearfix;
 
             .cancel-button {
@@ -208,7 +208,7 @@ body.course.unit {
             width: 100%;
             @include linear-gradient(top, rgba(255, 255, 255, .4), rgba(255, 255, 255, 0));
             background-color: $lightBluishGrey;
-            @include box-shadow(0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 -1px 0 rgba(0, 0, 0, 0.2) inset);
+            box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 -1px 0 rgba(0, 0, 0, 0.2) inset;
 
             li:first-child {
               margin-left: $baseline;
@@ -221,7 +221,7 @@ body.course.unit {
               width: auto;
               @include linear-gradient(top, rgba(255, 255, 255, .4), rgba(255, 255, 255, 0));
               background-color: tint($lightBluishGrey, 10%);
-              @include box-shadow(0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 -1px 0 rgba(0, 0, 0, 0.2) inset);
+              box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 -1px 0 rgba(0, 0, 0, 0.2) inset;
               opacity: 0.8;
 
               &:hover {
@@ -426,7 +426,7 @@ body.course.unit {
 
     .component-editor {
       @include edit-box;
-      @include box-shadow(none);
+      box-shadow: none;
       display: none;
       padding: 0;
       border-radius: 2px 2px 0 0;
@@ -449,7 +449,7 @@ body.course.unit {
 
       // Module Actions, also used for Static Pages
       .module-actions {
-        @include box-shadow(inset 0 1px 1px $shadow);
+        box-shadow: inset 0 1px 1px $shadow;
         padding: 0 0 $baseline $baseline;
         background-color: $gray-l6;
 
@@ -657,7 +657,7 @@ body.course.unit {
       input[type="number"] {
 
         width: 38.5%;
-        @include box-shadow(0 1px 2px $shadow-l1 inset);
+        box-shadow: 0 1px 2px $shadow-l1 inset;
         //For webkit browsers which render number fields differently, make input wider.
         -moz-column-width: {
           width: 32%;
@@ -669,10 +669,10 @@ body.course.unit {
       }
 
       select {
-        //@include box-shadow(0 1px 2px $shadow-l1 inset);
+        //box-shadow: 0 1px 2px $shadow-l1 inset;
 
         &:focus {
-          @include box-shadow(0 0 1px $shadow);
+          box-shadow: 0 0 1px $shadow;
           @include transition(opacity 0.25s ease-in-out);
           background-color: $yellow;
         }
@@ -697,7 +697,7 @@ body.course.unit {
         background-color: $gray-l4;
 
         &:hover {
-          @include box-shadow(0 1px 1px $shadow);
+          box-shadow: 0 1px 1px $shadow;
           @include transition(opacity 0.15s ease-in-out);
           background-color: $blue-s3;
           border: 1px solid $blue-s3;
@@ -856,7 +856,7 @@ body.unit {
 
 .unit-location {
   .url {
-    @include box-shadow(none);
+    box-shadow: none;
     width: 100%;
     margin-bottom: $baseline/2;
   }
diff --git a/common/lib/xmodule/xmodule/css/capa/display.scss b/common/lib/xmodule/xmodule/css/capa/display.scss
index 15d40aa63d..86e971dd09 100644
--- a/common/lib/xmodule/xmodule/css/capa/display.scss
+++ b/common/lib/xmodule/xmodule/css/capa/display.scss
@@ -110,7 +110,7 @@ section.problem {
       padding: 9px 15px 20px;
       background: #FFF;
       position: relative;
-      @include box-shadow(inset 0 0 0 1px #eee);
+      box-shadow: inset 0 0 0 1px #eee;
       border-radius: 3px;
 
       &:empty {
@@ -658,7 +658,7 @@ section.problem {
           display: block;
           padding: 9px;
           background: #F6F6F6;
-          @include box-shadow(inset 0 0 0 1px #fff);
+          box-shadow: inset 0 0 0 1px #fff;
         }
       }
 
@@ -689,7 +689,7 @@ section.problem {
       margin-bottom: 10px;
       background: #FFF;
       position: relative;
-      @include box-shadow(inset 0 0 0 1px #eee);
+      box-shadow: inset 0 0 0 1px #eee;
       border-radius: 3px;
 
       p:last-of-type {
diff --git a/common/lib/xmodule/xmodule/css/combinedopenended/display.scss b/common/lib/xmodule/xmodule/css/combinedopenended/display.scss
index 34ea27a40b..127ae7775c 100644
--- a/common/lib/xmodule/xmodule/css/combinedopenended/display.scss
+++ b/common/lib/xmodule/xmodule/css/combinedopenended/display.scss
@@ -292,7 +292,7 @@ section.open-ended-child {
       padding: 9px 15px 20px;
       background: #FFF;
       position: relative;
-      @include box-shadow(inset 0 0 0 1px #eee);
+      box-shadow: inset 0 0 0 1px #eee;
       border-radius: 3px;
 
       &:empty {
diff --git a/common/lib/xmodule/xmodule/css/crowdsource_hinter/display.scss b/common/lib/xmodule/xmodule/css/crowdsource_hinter/display.scss
index b13f0b3018..c1d7b1f048 100644
--- a/common/lib/xmodule/xmodule/css/crowdsource_hinter/display.scss
+++ b/common/lib/xmodule/xmodule/css/crowdsource_hinter/display.scss
@@ -1,5 +1,5 @@
 .crowdsource-wrapper {
-  @include box-shadow(inset 0 1px 2px 1px rgba(0,0,0,0.1));
+  box-shadow: inset 0 1px 2px 1px rgba(0,0,0,0.1);
   border-radius: 2px;
   display: none;
   margin-top: 20px;
diff --git a/common/lib/xmodule/xmodule/css/sequence/display.scss b/common/lib/xmodule/xmodule/css/sequence/display.scss
index 5fa7e0196b..ed601e0506 100644
--- a/common/lib/xmodule/xmodule/css/sequence/display.scss
+++ b/common/lib/xmodule/xmodule/css/sequence/display.scss
@@ -37,7 +37,7 @@ nav.sequence-nav {
     height: 44px;
     margin: 0 30px;
     @include linear-gradient(top, #ddd, #eee);
-    @include box-shadow(0 1px 3px rgba(0, 0, 0, .1) inset);
+    box-shadow: 0 1px 3px rgba(0, 0, 0, .1) inset;
   }
 
   ol {
@@ -228,7 +228,7 @@ nav.sequence-nav {
       width: 70px;
       border: 1px solid #ccc;
       @include linear-gradient(top, #eee, #ddd);
-      @include box-shadow(0 1px 0 rgba(255, 255, 255, .7) inset);
+      box-shadow: 0 1px 0 rgba(255, 255, 255, .7) inset;
 
       &.prev, &.next {
 
@@ -303,7 +303,7 @@ nav.sequence-bottom {
       height: 44px;
       border: 1px solid #ccc;
       @include linear-gradient(top, #eee, #ddd);
-      @include box-shadow(0 1px 0 rgba(255, 255, 255, .7) inset);
+      box-shadow: 0 1px 0 rgba(255, 255, 255, .7) inset;
 
       &.prev, &.next {
         margin-bottom: 0;
diff --git a/common/lib/xmodule/xmodule/css/video/display.scss b/common/lib/xmodule/xmodule/css/video/display.scss
index eae35e2604..9d4c86c0f1 100644
--- a/common/lib/xmodule/xmodule/css/video/display.scss
+++ b/common/lib/xmodule/xmodule/css/video/display.scss
@@ -51,7 +51,7 @@ div.video {
         border: 1px solid #000;
         border-radius: 0;
         border-top: 1px solid #000;
-        @include box-shadow(inset 0 1px 0 #eee, 0 1px 0 #555);
+        box-shadow: inset 0 1px 0 #eee, 0 1px 0 #555;
         height: 7px;
         margin-left: -1px;
         margin-right: -1px;
@@ -59,7 +59,7 @@ div.video {
 
         div.ui-widget-header {
           background: #777;
-          @include box-shadow(inset 0 1px 0 #999);
+          box-shadow: inset 0 1px 0 #999;
         }
 
         a.ui-slider-handle {
@@ -67,7 +67,7 @@ div.video {
           @include background-size(50%);
           border: 1px solid darken($pink, 20%);
           border-radius: 15px;
-          @include box-shadow(inset 0 1px 0 lighten($pink, 10%));
+          box-shadow: inset 0 1px 0 lighten($pink, 10%);
           cursor: pointer;
           height: 15px;
           margin-left: -7px;
@@ -96,7 +96,7 @@ div.video {
           a {
             border-bottom: none;
             border-right: 1px solid #000;
-            @include box-shadow(1px 0 0 #555);
+            box-shadow: 1px 0 0 #555;
             cursor: pointer;
             display: block;
             line-height: 46px;
@@ -169,7 +169,7 @@ div.video {
             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);
+            box-shadow: 1px 0 0 #555, inset 1px 0 0 #555;
             @include clearfix();
             color: #fff;
             cursor: pointer;
@@ -215,7 +215,7 @@ div.video {
 
           // fix for now
           ol.video_speeds {
-            @include box-shadow(inset 1px 0 0 #555, 0 3px 0 #444);
+            box-shadow: inset 1px 0 0 #555, 0 3px 0 #444;
             @include transition();
             background-color: #444;
             border: 1px solid #000;
@@ -227,7 +227,7 @@ div.video {
             z-index: 10;
 
             li {
-              @include box-shadow( 0 1px 0 #555);
+              box-shadow:  0 1px 0 #555;
               border-bottom: 1px solid #000;
               color: #fff;
               cursor: pointer;
@@ -249,7 +249,7 @@ div.video {
               }
 
               &:last-child {
-                @include box-shadow(none);
+                box-shadow: none;
                 border-bottom: 0;
                 margin-top: 0;
               }
@@ -277,7 +277,7 @@ div.video {
           > a {
             background: url('../images/volume.png') 10px center no-repeat;
             border-right: 1px solid #000;
-            @include box-shadow(1px 0 0 #555, inset 1px 0 0 #555);
+            box-shadow: 1px 0 0 #555, inset 1px 0 0 #555;
             @include clearfix();
             color: #fff;
             cursor: pointer;
@@ -296,7 +296,7 @@ div.video {
           }
 
           .volume-slider-container {
-            @include box-shadow(inset 1px 0 0 #555, 0 3px 0 #444);
+            box-shadow: inset 1px 0 0 #555, 0 3px 0 #444;
             @include transition();
             background-color: #444;
             border: 1px solid #000;
@@ -316,14 +316,14 @@ div.video {
               margin: 14px auto;
               background: #666;
               border: 1px solid #000;
-              @include box-shadow(0 1px 0 #333);
+              box-shadow: 0 1px 0 #333;
 
               a.ui-slider-handle {
                 background: $pink url(../images/slider-handle.png) center center no-repeat;
                 @include background-size(50%);
                 border: 1px solid darken($pink, 20%);
                 border-radius: 15px;
-                @include box-shadow(inset 0 1px 0 lighten($pink, 10%));
+                box-shadow: inset 0 1px 0 lighten($pink, 10%);
                 cursor: pointer;
                 height: 15px;
                 left: -6px;
@@ -341,7 +341,7 @@ div.video {
         a.add-fullscreen {
           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);
+          box-shadow: 1px 0 0 #555, inset 1px 0 0 #555;
           color: #797979;
           display: block;
           float: left;
@@ -362,7 +362,7 @@ div.video {
         a.quality_control {
           background: url(../images/hd.png) center no-repeat;
           border-right: 1px solid #000;
-          @include box-shadow(1px 0 0 #555, inset 1px 0 0 #555);
+          box-shadow: 1px 0 0 #555, inset 1px 0 0 #555;
           color: #797979;
           display: block;
           float: left;
diff --git a/common/lib/xmodule/xmodule/css/videoalpha/display.scss b/common/lib/xmodule/xmodule/css/videoalpha/display.scss
index eae35e2604..9d4c86c0f1 100644
--- a/common/lib/xmodule/xmodule/css/videoalpha/display.scss
+++ b/common/lib/xmodule/xmodule/css/videoalpha/display.scss
@@ -51,7 +51,7 @@ div.video {
         border: 1px solid #000;
         border-radius: 0;
         border-top: 1px solid #000;
-        @include box-shadow(inset 0 1px 0 #eee, 0 1px 0 #555);
+        box-shadow: inset 0 1px 0 #eee, 0 1px 0 #555;
         height: 7px;
         margin-left: -1px;
         margin-right: -1px;
@@ -59,7 +59,7 @@ div.video {
 
         div.ui-widget-header {
           background: #777;
-          @include box-shadow(inset 0 1px 0 #999);
+          box-shadow: inset 0 1px 0 #999;
         }
 
         a.ui-slider-handle {
@@ -67,7 +67,7 @@ div.video {
           @include background-size(50%);
           border: 1px solid darken($pink, 20%);
           border-radius: 15px;
-          @include box-shadow(inset 0 1px 0 lighten($pink, 10%));
+          box-shadow: inset 0 1px 0 lighten($pink, 10%);
           cursor: pointer;
           height: 15px;
           margin-left: -7px;
@@ -96,7 +96,7 @@ div.video {
           a {
             border-bottom: none;
             border-right: 1px solid #000;
-            @include box-shadow(1px 0 0 #555);
+            box-shadow: 1px 0 0 #555;
             cursor: pointer;
             display: block;
             line-height: 46px;
@@ -169,7 +169,7 @@ div.video {
             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);
+            box-shadow: 1px 0 0 #555, inset 1px 0 0 #555;
             @include clearfix();
             color: #fff;
             cursor: pointer;
@@ -215,7 +215,7 @@ div.video {
 
           // fix for now
           ol.video_speeds {
-            @include box-shadow(inset 1px 0 0 #555, 0 3px 0 #444);
+            box-shadow: inset 1px 0 0 #555, 0 3px 0 #444;
             @include transition();
             background-color: #444;
             border: 1px solid #000;
@@ -227,7 +227,7 @@ div.video {
             z-index: 10;
 
             li {
-              @include box-shadow( 0 1px 0 #555);
+              box-shadow:  0 1px 0 #555;
               border-bottom: 1px solid #000;
               color: #fff;
               cursor: pointer;
@@ -249,7 +249,7 @@ div.video {
               }
 
               &:last-child {
-                @include box-shadow(none);
+                box-shadow: none;
                 border-bottom: 0;
                 margin-top: 0;
               }
@@ -277,7 +277,7 @@ div.video {
           > a {
             background: url('../images/volume.png') 10px center no-repeat;
             border-right: 1px solid #000;
-            @include box-shadow(1px 0 0 #555, inset 1px 0 0 #555);
+            box-shadow: 1px 0 0 #555, inset 1px 0 0 #555;
             @include clearfix();
             color: #fff;
             cursor: pointer;
@@ -296,7 +296,7 @@ div.video {
           }
 
           .volume-slider-container {
-            @include box-shadow(inset 1px 0 0 #555, 0 3px 0 #444);
+            box-shadow: inset 1px 0 0 #555, 0 3px 0 #444;
             @include transition();
             background-color: #444;
             border: 1px solid #000;
@@ -316,14 +316,14 @@ div.video {
               margin: 14px auto;
               background: #666;
               border: 1px solid #000;
-              @include box-shadow(0 1px 0 #333);
+              box-shadow: 0 1px 0 #333;
 
               a.ui-slider-handle {
                 background: $pink url(../images/slider-handle.png) center center no-repeat;
                 @include background-size(50%);
                 border: 1px solid darken($pink, 20%);
                 border-radius: 15px;
-                @include box-shadow(inset 0 1px 0 lighten($pink, 10%));
+                box-shadow: inset 0 1px 0 lighten($pink, 10%);
                 cursor: pointer;
                 height: 15px;
                 left: -6px;
@@ -341,7 +341,7 @@ div.video {
         a.add-fullscreen {
           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);
+          box-shadow: 1px 0 0 #555, inset 1px 0 0 #555;
           color: #797979;
           display: block;
           float: left;
@@ -362,7 +362,7 @@ div.video {
         a.quality_control {
           background: url(../images/hd.png) center no-repeat;
           border-right: 1px solid #000;
-          @include box-shadow(1px 0 0 #555, inset 1px 0 0 #555);
+          box-shadow: 1px 0 0 #555, inset 1px 0 0 #555;
           color: #797979;
           display: block;
           float: left;
diff --git a/common/static/sass/_mixins.scss b/common/static/sass/_mixins.scss
index 531f144207..c376644237 100644
--- a/common/static/sass/_mixins.scss
+++ b/common/static/sass/_mixins.scss
@@ -158,14 +158,14 @@
   text-align: center;
 
   &:hover, &:active {
-    @include box-shadow(0 2px 1px $shadow-l1);
+    box-shadow: 0 2px 1px $shadow-l1;
   }
 
   &.current, &.active {
-    @include box-shadow(inset 1px 1px 2px $shadow-d1);
+    box-shadow: inset 1px 1px 2px $shadow-d1;
 
     &:hover, &:active {
-      @include box-shadow(inset 1px 1px 1px $shadow-d1);
+      box-shadow: inset 1px 1px 1px $shadow-d1;
     }
   }
 }
@@ -238,6 +238,6 @@
 
 // UI archetypes - well
 .ui-well {
-  @include box-shadow(inset 0 1px 2px 1px $shadow);
+  box-shadow: inset 0 1px 2px 1px $shadow;
   padding: ($baseline*0.75);
 }
diff --git a/lms/static/sass/_discussion.scss b/lms/static/sass/_discussion.scss
index 000c38abe0..ac2cc0bda9 100644
--- a/lms/static/sass/_discussion.scss
+++ b/lms/static/sass/_discussion.scss
@@ -105,7 +105,7 @@ body.discussion {
     color: #fff;
     line-height: 1.6;
     border-radius: 3px;
-    @include box-shadow(0 1px 2px rgba(0, 0, 0, 0.3) inset, 0 1px 0 rgba(255, 255, 255, .2));
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset, 0 1px 0 rgba(255, 255, 255, .2);
 
     li {
       padding: 10px 20px 12px 45px;
@@ -492,7 +492,7 @@ body.discussion {
     display: table-cell;
     border-radius: 3px 0 0 3px;
     border-right: 1px solid #ddd;
-    @include box-shadow(none);
+    box-shadow: none;
     background-color: $sidebar-color;
 
     .user-profile {
@@ -847,7 +847,7 @@ body.discussion {
       border: 1px solid #4b4b4b;
       border-left: none;
       border-radius: 0 0 3px 3px;
-      @include box-shadow(1px 0 0 #4b4b4b inset);
+      box-shadow: 1px 0 0 #4b4b4b inset;
 
       .browse-topic-drop-menu {
         max-height: 400px;
diff --git a/lms/static/sass/course/_gradebook.scss b/lms/static/sass/course/_gradebook.scss
index 9817188d34..6a93b9254e 100644
--- a/lms/static/sass/course/_gradebook.scss
+++ b/lms/static/sass/course/_gradebook.scss
@@ -24,7 +24,7 @@ div.gradebook-wrapper {
     	background: url(../images/search-icon.png) no-repeat 9px center #f6f6f6;
     	font-family: $sans-serif;
     	font-size: 11px;
-    	@include box-shadow(0 1px 4px rgba(0, 0, 0, .12) inset);
+    	box-shadow: 0 1px 4px rgba(0, 0, 0, .12) inset;
     	outline: none;
     	@include transition(border-color .15s);
 
diff --git a/lms/static/sass/course/_info.scss b/lms/static/sass/course/_info.scss
index e33d4b20fc..8bda507eab 100644
--- a/lms/static/sass/course/_info.scss
+++ b/lms/static/sass/course/_info.scss
@@ -82,7 +82,7 @@ div.info-wrapper {
     @extend .sidebar;
     border-radius: 0 4px 4px 0;
     border-left: 1px solid #ddd;
-    @include box-shadow(none);
+    box-shadow: none;
     font-size: 14px;
 
     &:after {
@@ -128,7 +128,7 @@ div.info-wrapper {
           background: #fff;
           border-radius: 3px;
           padding: 14px 0;
-          @include box-shadow(0 0 1px 1px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .25));
+          box-shadow: 0 0 1px 1px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .25);
 
           h4 {
             margin-bottom: 16px;
@@ -199,7 +199,7 @@ div.info-wrapper {
 
         h3 {
           border-bottom: 0;
-          @include box-shadow(none);
+          box-shadow: none;
           color: #888;
           font-size: 1em;
           margin-bottom: 0;
diff --git a/lms/static/sass/course/_profile.scss b/lms/static/sass/course/_profile.scss
index f4ce3f4bf3..fec4db5be8 100644
--- a/lms/static/sass/course/_profile.scss
+++ b/lms/static/sass/course/_profile.scss
@@ -31,7 +31,7 @@ div.profile-wrapper {
 
       li {
         border-bottom: 1px solid #d3d3d3;
-        @include box-shadow(0 1px 0 #eee);
+        box-shadow: 0 1px 0 #eee;
         color: lighten($text-color, 10%);
         display: block;
         padding: lh(.5) 0 lh(.5) lh(.5);
@@ -100,7 +100,7 @@ div.profile-wrapper {
         input#pwd_reset_button {
           background: none;
           border: none;
-          @include box-shadow(none);
+          box-shadow: none;
           color: #999;
           font-size: 12px;
           font-weight: normal;
@@ -120,7 +120,7 @@ div.profile-wrapper {
 
     div#change_password_pop {
       border-bottom: 1px solid #d3d3d3;
-      @include box-shadow(0 1px 0 #eee);
+      box-shadow: 0 1px 0 #eee;
       color: #4D4D4D;
       padding: 7px lh();
 
diff --git a/lms/static/sass/course/base/_base.scss b/lms/static/sass/course/base/_base.scss
index a8bdf1502f..557af9f592 100644
--- a/lms/static/sass/course/base/_base.scss
+++ b/lms/static/sass/course/base/_base.scss
@@ -36,7 +36,7 @@ a {
     border-radius: 3px;
     border: 1px solid $outer-border-color;
     background: $container-bg;
-    @include box-shadow(0 1px 2px rgba(0, 0, 0, 0.05));
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
   }
 }
 
@@ -60,7 +60,7 @@ input[type="password"] {
   background: $white;
   border: 1px solid $border-color-2;
   border-radius: 0;
-  @include box-shadow(0 1px 0 0 rgba(255,255,255, 0.6), inset 0 0 3px 0 rgba(0,0,0, 0.1));
+  box-shadow: 0 1px 0 0 rgba(255,255,255, 0.6), inset 0 0 3px 0 rgba(0,0,0, 0.1);
   @include box-sizing(border-box);
   font: normal 1em $sans-serif;
   height: 35px;
@@ -74,7 +74,7 @@ input[type="password"] {
 
   &:focus {
     border-color: lighten($link-color, 20%);
-    @include box-shadow(0 0 6px 0 rgba($blue, 0.4), inset 0 0 4px 0 rgba(0,0,0, 0.15));
+    box-shadow: 0 0 6px 0 rgba($blue, 0.4), inset 0 0 4px 0 rgba(0,0,0, 0.15);
     outline: none;
   }
 }
diff --git a/lms/static/sass/course/base/_extends.scss b/lms/static/sass/course/base/_extends.scss
index 7557895896..0ed49f8b68 100644
--- a/lms/static/sass/course/base/_extends.scss
+++ b/lms/static/sass/course/base/_extends.scss
@@ -42,7 +42,7 @@ h1.top-header {
   width: flex-grid(9) + flex-gutter();
 
   @media print {
-    @include box-shadow(none);
+    box-shadow: none;
   }
 }
 
diff --git a/lms/static/sass/course/courseware/_amplifier.scss b/lms/static/sass/course/courseware/_amplifier.scss
index 9f469b6821..002035bbed 100644
--- a/lms/static/sass/course/courseware/_amplifier.scss
+++ b/lms/static/sass/course/courseware/_amplifier.scss
@@ -4,7 +4,7 @@ section.tool-wrapper {
   background: #073642;
   border-bottom: 1px solid darken(#002b36, 10%);
   border-top: 1px solid darken(#002b36, 10%);
-  @include box-shadow(inset 0 0 0 4px darken(#094959, 2%));
+  box-shadow: inset 0 0 0 4px darken(#094959, 2%);
   color: #839496;
   display: table;
   margin: lh() (-(lh())) 0;
@@ -76,7 +76,7 @@ section.tool-wrapper {
     @extend .clearfix;
     background: darken(#073642, 2%);
     border-right: 1px solid darken(#002b36, 6%);
-    @include box-shadow(1px 0 0 lighten(#002b36, 6%), inset 0 0 0 4px darken(#094959, 6%));
+    box-shadow: 1px 0 0 lighten(#002b36, 6%), inset 0 0 0 4px darken(#094959, 6%);
     @include box-sizing(border-box);
     display: table-cell;
     padding: lh();
@@ -88,7 +88,7 @@ section.tool-wrapper {
       div.music-wrapper {
         @extend .clearfix;
         border-bottom: 1px solid darken(#073642, 10%);
-        @include box-shadow(0 1px 0 lighten(#073642, 2%));
+        box-shadow: 0 1px 0 lighten(#073642, 2%);
         margin-bottom: lh();
         padding: 0 0 lh();
 
@@ -101,7 +101,7 @@ section.tool-wrapper {
           margin-top: 19px;
 
           &:active {
-            @include box-shadow(none);
+            box-shadow: none;
           }
 
           &[value="Stop"] {
@@ -109,7 +109,7 @@ section.tool-wrapper {
             font: bold 14px $body-font-family;
 
             &:active {
-              @include box-shadow(none);
+              box-shadow: none;
             }
           }
         }
@@ -118,7 +118,7 @@ section.tool-wrapper {
       div.inputs-wrapper {
         @extend .clearfix;
         border-bottom: 1px solid darken(#073642, 10%);
-        @include box-shadow(0 1px 0 lighten(#073642, 2%));
+        box-shadow: 0 1px 0 lighten(#073642, 2%);
         @include clearfix;
         margin-bottom: lh();
         margin-bottom: lh();
@@ -193,7 +193,7 @@ section.tool-wrapper {
       div.top-sliders {
         @extend .clearfix;
         border-bottom: 1px solid darken(#073642, 10%);
-        @include box-shadow(0 1px 0 lighten(#073642, 2%));
+        box-shadow: 0 1px 0 lighten(#073642, 2%);
         margin-bottom: lh();
         padding: 0 0 lh();
 
@@ -226,14 +226,14 @@ section.tool-wrapper {
         &.ui-slider-horizontal {
           background: darken(#002b36, 2%);
           border: 1px solid darken(#002b36, 8%);
-          @include box-shadow(none);
+          box-shadow: none;
           height: 0.4em;
         }
 
         .ui-slider-handle {
           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% ));
+          box-shadow: inset 0 1px 0 lighten( #586e75, 20% );
           margin-top: -.3em;
 
           &:hover, &:active {
diff --git a/lms/static/sass/course/courseware/_sidebar.scss b/lms/static/sass/course/courseware/_sidebar.scss
index d1d5645fcd..dce416af4e 100644
--- a/lms/static/sass/course/courseware/_sidebar.scss
+++ b/lms/static/sass/course/courseware/_sidebar.scss
@@ -45,7 +45,7 @@ section.course-index {
 
         a {
           border-radius: 0;
-          @include box-shadow(none);
+          box-shadow: none;
           padding-left: 19px;
         }
 
@@ -72,7 +72,7 @@ section.course-index {
       padding: 11px 14px;
       @include linear-gradient(top, $sidebar-chapter-bg-top, $sidebar-chapter-bg-bottom);
       background-color: $sidebar-chapter-bg;
-      @include box-shadow(0 1px 0 #fff inset, 0 -1px 0 rgba(0, 0, 0, .1) inset);
+      box-shadow: 0 1px 0 #fff inset, 0 -1px 0 rgba(0, 0, 0, .1) inset;
       @include transition(background-color .1s);
 
       &.is-open {
@@ -85,7 +85,7 @@ section.course-index {
 
       &:last-child {
         border-radius: 0 0 0 3px;
-        @include box-shadow(0 1px 0 #fff inset);
+        box-shadow: 0 1px 0 #fff inset;
       }
 
       &:hover {
@@ -143,7 +143,7 @@ section.course-index {
           }
 
           &:active {
-            @include box-shadow(inset 0 1px 14px 0 rgba(0,0,0, 0.1));
+            box-shadow: inset 0 1px 14px 0 rgba(0,0,0, 0.1);
 
             &:after {
               opacity: 1.0;
@@ -170,7 +170,7 @@ section.course-index {
 
           > a {
             border: 1px solid $border-color-1;
-            @include box-shadow(0 1px 0 rgba(255, 255, 255, .35) inset);
+            box-shadow: 0 1px 0 rgba(255, 255, 255, .35) inset;
             background: $sidebar-active-image;
 
             &:after {
diff --git a/lms/static/sass/course/layout/_calculator.scss b/lms/static/sass/course/layout/_calculator.scss
index 2645845d0b..218d25496f 100644
--- a/lms/static/sass/course/layout/_calculator.scss
+++ b/lms/static/sass/course/layout/_calculator.scss
@@ -52,7 +52,7 @@ div.calc-main {
         background: #111;
         border: 1px solid #000;
         border-radius: 0;
-        @include box-shadow(none);
+        box-shadow: none;
         @include box-sizing(border-box);
         color: #fff;
         float: left;
@@ -73,7 +73,7 @@ div.calc-main {
       input#calculator_output {
         background: #111;
         border: 0;
-        @include box-shadow(none);
+        box-shadow: none;
         @include box-sizing(border-box);
         color: #fff;
         float: left;
@@ -94,7 +94,7 @@ div.calc-main {
 
         input#calculator_input {
           border: none;
-          @include box-shadow(none);
+          box-shadow: none;
           @include box-sizing(border-box);
           font-size: 16px;
           padding: 10px;
@@ -122,7 +122,7 @@ div.calc-main {
           dl {
             background: #fff;
             border-radius: 3px;
-            @include box-shadow(0 0 3px #999);
+            box-shadow: 0 0 3px #999;
             color: #333;
             display: none;
             line-height: lh();
diff --git a/lms/static/sass/course/layout/_courseware_header.scss b/lms/static/sass/course/layout/_courseware_header.scss
index 7e4b108795..8cdf0b0b21 100644
--- a/lms/static/sass/course/layout/_courseware_header.scss
+++ b/lms/static/sass/course/layout/_courseware_header.scss
@@ -43,7 +43,7 @@ nav.course-material {
           // background: rgba(0, 0, 0, .2);
           @include linear-gradient(top, rgba(0, 0, 0, .4), rgba(0, 0, 0, .25));
           background-color: transparent;
-          @include box-shadow(0 1px 0 rgba(255, 255, 255, .5), 0 1px 1px rgba(0, 0, 0, .3) inset);
+          box-shadow: 0 1px 0 rgba(255, 255, 255, .5), 0 1px 1px rgba(0, 0, 0, .3) inset;
           color: #fff;
           text-shadow: 0 1px 0 rgba(0, 0, 0, .4);
         }
@@ -61,7 +61,7 @@ nav.course-material {
 }
 
 header.global.slim {
-  @include box-shadow(0 1px 2px rgba(0, 0, 0, .1));
+  box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
   height: auto;
   padding: 5px 0 10px 0;
   border-bottom: 1px solid $outer-border-color;
@@ -81,7 +81,7 @@ header.global.slim {
       border-color: darken($link-color, 10%);
       border-radius: 3px;
       @include box-sizing(border-box);
-      @include box-shadow(0 1px 0 0 rgba(255,255,255, 0.6));
+      box-shadow: 0 1px 0 0 rgba(255,255,255, 0.6);
       color: #fff;
       display: inline-block;
       font-family: $sans-serif;
diff --git a/lms/static/sass/course/wiki/_create.scss b/lms/static/sass/course/wiki/_create.scss
index 35b0798501..f1c0473858 100644
--- a/lms/static/sass/course/wiki/_create.scss
+++ b/lms/static/sass/course/wiki/_create.scss
@@ -35,7 +35,7 @@ form#wiki_revision {
   #submit_delete {
     background: none;
     border: none;
-    @include box-shadow(none);
+    box-shadow: none;
     color: #999;
     float: right;
     font-weight: normal;
diff --git a/lms/static/sass/course/wiki/_wiki.scss b/lms/static/sass/course/wiki/_wiki.scss
index 63a559184c..a9b012d828 100644
--- a/lms/static/sass/course/wiki/_wiki.scss
+++ b/lms/static/sass/course/wiki/_wiki.scss
@@ -406,7 +406,7 @@ section.wiki {
   .CodeMirror {
     background: #fafafa;
     border: 1px solid #c8c8c8;
-    @include box-shadow(0 1px 0 0 rgba(255, 255, 255, 0.6), inset 0 0 3px 0 rgba(0, 0, 0, 0.1));
+    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.6), inset 0 0 3px 0 rgba(0, 0, 0, 0.1);
   }
 
   .CodeMirror-scroll {
@@ -417,7 +417,7 @@ section.wiki {
     position: relative;
 
     canvas {
-      @include box-shadow(0 0 1px 1px rgba(0, 0, 0, .1), 0 1px 6px rgba(0, 0, 0, .2));
+      box-shadow: 0 0 1px 1px rgba(0, 0, 0, .1), 0 1px 6px rgba(0, 0, 0, .2);
     }
 
     &:before {
@@ -613,7 +613,7 @@ section.wiki {
       line-height: 28px;
       color: #333;
       text-align: center;
-      @include box-shadow(0 1px 0 #fff inset, 0 1px 2px rgba(0, 0, 0, .2));
+      box-shadow: 0 1px 0 #fff inset, 0 1px 2px rgba(0, 0, 0, .2);
     }
   }
 
@@ -987,7 +987,7 @@ section.wiki {
     overflow: hidden;
     background: $pink;
     padding: lh();
-    @include box-shadow(inset 0 0 0 1px lighten($pink, 10%));
+    box-shadow: inset 0 0 0 1px lighten($pink, 10%);
     border: 1px solid darken($pink, 15%);
 
     p {
diff --git a/lms/static/sass/ie.scss b/lms/static/sass/ie.scss
index e03b711bae..87a8b07fe6 100644
--- a/lms/static/sass/ie.scss
+++ b/lms/static/sass/ie.scss
@@ -65,7 +65,7 @@ header.global {
 
 }
 
-.home .university-partners .partners { 
+.home .university-partners .partners {
   width: 660px;
 
   li.partner {
@@ -118,7 +118,7 @@ header.global {
   &:hover {
     background: rgb(245,245,245);
     border-color: rgb(170,170,170);
-    @include box-shadow(0 1px 16px 0 rgba($blue, 0.4));
+    box-shadow: 0 1px 16px 0 rgba($blue, 0.4);
 
     .info {
       top: 0;
diff --git a/lms/static/sass/multicourse/_account.scss b/lms/static/sass/multicourse/_account.scss
index e8a38a983e..6f2ec7fa8f 100644
--- a/lms/static/sass/multicourse/_account.scss
+++ b/lms/static/sass/multicourse/_account.scss
@@ -447,7 +447,7 @@
   }
 
   .submission-error, .system-error {
-    @include box-shadow(inset 0 -1px 2px 0 tint($red, 85%));
+    box-shadow: inset 0 -1px 2px 0 tint($red, 85%);
     border-bottom: 3px solid shade($red, 10%);
     background: tint($red,95%);
 
@@ -580,7 +580,7 @@
 
     form {
       border-radius: 0;
-      @include box-shadow(none);
+      box-shadow: none;
       margin: 0;
       border: none;
       padding: 0;
@@ -610,7 +610,7 @@
 
   .modal-form-error {
     @extend .body-text;
-    @include box-shadow(inset 0 -1px 2px 0 tint($red, 85%));
+    box-shadow: inset 0 -1px 2px 0 tint($red, 85%);
     @include box-sizing(border-box);
     margin: $baseline 0 ($baseline/2) 0 !important;
     padding: $baseline;
diff --git a/lms/static/sass/multicourse/_course_about.scss b/lms/static/sass/multicourse/_course_about.scss
index 1057781684..6c087c7e7e 100644
--- a/lms/static/sass/multicourse/_course_about.scss
+++ b/lms/static/sass/multicourse/_course_about.scss
@@ -7,9 +7,9 @@
     background: $course-profile-bg;
     @include background-image(url($homepage-bg-image));
     background-size: cover;
-    @include box-shadow(0 1px 80px 0 rgba(0,0,0, 0.5));
+    box-shadow: 0 1px 80px 0 rgba(0,0,0, 0.5);
     border-bottom: 1px solid $border-color-3;
-    @include box-shadow(inset 0 1px 5px 0 rgba(0,0,0, 0.1));
+    box-shadow: inset 0 1px 5px 0 rgba(0,0,0, 0.1);
     height: 280px;
     margin-top: $header_image_margin;
     padding-top: 150px;
@@ -20,7 +20,7 @@
     .intro-inner-wrapper {
       background: $course-header-bg;
       border: 1px solid $border-color-3;
-      @include box-shadow(0 4px 25px 0 rgba(0,0,0, 0.5));
+      box-shadow: 0 4px 25px 0 rgba(0,0,0, 0.5);
       @include box-sizing(border-box);
       @include clearfix;
       margin: 0 auto;
@@ -45,7 +45,7 @@
 
         > hgroup {
           border-bottom: 1px solid $border-color-2;
-          @include box-shadow(0 1px 0 0 rgba(255,255,255, 0.6));
+          box-shadow: 0 1px 0 0 rgba(255,255,255, 0.6);
           margin-bottom: 20px;
           padding-bottom: 20px;
           width: 100%;
@@ -184,7 +184,7 @@
           .play-intro {
             @include background-image(linear-gradient(-90deg, rgba(0,0,0, 0.65), rgba(0,0,0, 0.75)));
             border-radius: 4px;
-            @include box-shadow(0 1px 12px 0 rgba(0,0,0, 0.4));
+            box-shadow: 0 1px 12px 0 rgba(0,0,0, 0.4);
             border: 2px solid rgba(255,255,255, 0.8);
             height: 80px;
             left: 50%;
@@ -219,7 +219,7 @@
 
           .play-intro {
             @include background-image(linear-gradient(-90deg, rgba(0,0,0, 0.75), rgba(0,0,0, 0.8)));
-            @include box-shadow(0 1px 12px 0 rgba(0,0,0, 0.5));
+            box-shadow: 0 1px 12px 0 rgba(0,0,0, 0.5);
             border-color: rgba(255,255,255, 0.9);
 
             &::after {
@@ -350,7 +350,7 @@
     width: flex-grid(4);
 
     > section {
-      @include box-shadow(inset 0 0 3px 0 rgba(0,0,0, 0.15));
+      box-shadow: inset 0 0 3px 0 rgba(0,0,0, 0.15);
       border: 1px solid $border-color-2;
 
       &.course-summary {
@@ -439,7 +439,7 @@
                                                             rgba(0,0,0, 0.7) 100%));
           border: 1px solid rgba(0,0,0, 0.5);
           border-radius: 4px;
-          @include box-shadow(0 4px 25px 0 rgba(0,0,0, 0.5));
+          box-shadow: 0 4px 25px 0 rgba(0,0,0, 0.5);
           @include box-sizing(border-box);
           color: rgb(255,255,255);
           float: right;
diff --git a/lms/static/sass/multicourse/_courses.scss b/lms/static/sass/multicourse/_courses.scss
index 83680c06a0..3b349db950 100644
--- a/lms/static/sass/multicourse/_courses.scss
+++ b/lms/static/sass/multicourse/_courses.scss
@@ -8,7 +8,7 @@
     @include background-image(url($homepage-bg-image));
     background-position: center top !important;
     border-bottom: 1px solid $border-color-3;
-    @include box-shadow(inset 0 -1px 8px 0 rgba(0,0,0, 0.2), inset 0 1px 12px 0 rgba(0,0,0, 0.3));
+    box-shadow: inset 0 -1px 8px 0 rgba(0,0,0, 0.2), inset 0 1px 12px 0 rgba(0,0,0, 0.3);
     height: 430px;
     margin-top: $header_image_margin;
     width: 100%;
@@ -27,7 +27,7 @@
         background: #FFF;
         background: $course-header-bg;
         border: 1px solid $border-color-3;
-        @include box-shadow(0 4px 25px 0 rgba(0,0,0, 0.5));
+        box-shadow: 0 4px 25px 0 rgba(0,0,0, 0.5);
         padding: 20px 30px;
         position: relative;
         z-index: 2;
diff --git a/lms/static/sass/multicourse/_dashboard.scss b/lms/static/sass/multicourse/_dashboard.scss
index b0ea7ad5f1..2dded26e27 100644
--- a/lms/static/sass/multicourse/_dashboard.scss
+++ b/lms/static/sass/multicourse/_dashboard.scss
@@ -5,7 +5,7 @@
   .dashboard-banner {
     background: $yellow;
     border: 1px solid rgb(200,200,200);
-    @include box-shadow(0 1px 0 0 rgba(255,255,255, 0.6));
+    box-shadow: 0 1px 0 0 rgba(255,255,255, 0.6);
     padding: 10px;
     margin-bottom: 30px;
 
@@ -59,7 +59,7 @@
         border-top: none;
         //@include border-bottom-radius(4px);
         @include box-sizing(border-box);
-        @include box-shadow(inset 0 0 3px 0 rgba(0,0,0, 0.15));
+        box-shadow: inset 0 0 3px 0 rgba(0,0,0, 0.15);
         @include clearfix;
         margin: 0px;
         padding: 20px 10px 10px;
@@ -131,7 +131,7 @@
       margin: 30px 10px 0;
       border: 1px solid $border-color-2;
       background: $dashboard-profile-color;
-      @include box-shadow(inset 0 0 3px 0 rgba(0,0,0, 0.15));
+      box-shadow: inset 0 0 3px 0 rgba(0,0,0, 0.15);
 
       * {
         font-family: $sans-serif;
@@ -251,7 +251,7 @@
         background-color: $button-bg-color;
         border: 1px solid $border-color-2;
         border-radius: 4px;
-        @include box-shadow(0 1px 8px 0 rgba(0,0,0, 0.1));
+        box-shadow: 0 1px 8px 0 rgba(0,0,0, 0.1);
         @include box-sizing(border-box);
         color: $base-font-color;
         font-family: $sans-serif;
@@ -346,7 +346,7 @@
         .course-status {
           background: $yellow;
           border: 1px solid $border-color-2;
-          @include box-shadow(0 1px 0 0 rgba(255,255,255, 0.6));
+          box-shadow: 0 1px 0 0 rgba(255,255,255, 0.6);
           margin-top: 17px;
           margin-right: flex-gutter();
           padding: 5px;
diff --git a/lms/static/sass/multicourse/_edge.scss b/lms/static/sass/multicourse/_edge.scss
index b0b7450940..a714ef17f9 100644
--- a/lms/static/sass/multicourse/_edge.scss
+++ b/lms/static/sass/multicourse/_edge.scss
@@ -13,7 +13,7 @@ $paleYellow: #fffcf1;
   font-weight: 700;
   text-transform: none;
   letter-spacing: 0;
-  @include box-shadow(0 1px 0 rgba(255, 255, 255, .3) inset, 0 0 0 rgba(0, 0, 0, 0));
+  box-shadow: 0 1px 0 rgba(255, 255, 255, .3) inset, 0 0 0 rgba(0, 0, 0, 0);
   @include transition(background-color .15s, box-shadow .15s);
 
   &.disabled {
@@ -29,7 +29,7 @@ $paleYellow: #fffcf1;
   }
 
   &:hover {
-    @include box-shadow(0 1px 0 rgba(255, 255, 255, .3) inset, 0 1px 1px rgba(0, 0, 0, .15));
+    box-shadow: 0 1px 0 rgba(255, 255, 255, .3) inset, 0 1px 1px rgba(0, 0, 0, .15);
     text-decoration: none;
   }
 }
@@ -54,7 +54,7 @@ $paleYellow: #fffcf1;
   border-radius: 3px;
   @include linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0));
   background-color: #d1dae3;
-  @include box-shadow(0 1px 0 rgba(255, 255, 255, .3) inset);
+  box-shadow: 0 1px 0 rgba(255, 255, 255, .3) inset;
   color: #6d788b;
 
   &:hover {
@@ -63,7 +63,7 @@ $paleYellow: #fffcf1;
   }
 }
 
-.edge-landing {  
+.edge-landing {
   border-top: 5px solid $blue;
 
   header {
@@ -85,7 +85,7 @@ $paleYellow: #fffcf1;
       background: #fff;
       border: 1px solid $darkGrey;
       border-radius: 3px;
-      @include box-shadow(0 1px 2px rgba(0, 0, 0, .1));
+      box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
       @include clearfix;
     }
 
@@ -257,4 +257,4 @@ $paleYellow: #fffcf1;
       color: #fff;
     }
   }
-}
\ No newline at end of file
+}
diff --git a/lms/static/sass/multicourse/_home.scss b/lms/static/sass/multicourse/_home.scss
index d8ae6106e2..167d5bb8c3 100644
--- a/lms/static/sass/multicourse/_home.scss
+++ b/lms/static/sass/multicourse/_home.scss
@@ -11,7 +11,7 @@
     @include background-image(url($homepage-bg-image));
     background-size: cover;
     border-bottom: 1px solid $border-color-3;
-    @include box-shadow(0 1px 0 0 $course-header-bg, inset 0 -1px 5px 0 rgba(0,0,0, 0.1));
+    box-shadow: 0 1px 0 0 $course-header-bg, inset 0 -1px 5px 0 rgba(0,0,0, 0.1);
     @include clearfix;
     height: 460px;
     overflow: hidden;
@@ -33,7 +33,7 @@
       background: #FFF;
       background: $course-header-bg;
       border: 1px solid $border-color-3;
-      @include box-shadow(0 4px 25px 0 rgba(0,0,0, 0.5));
+      box-shadow: 0 4px 25px 0 rgba(0,0,0, 0.5);
       @include box-sizing(border-box);
       min-height: 120px;
       margin-left: grid-width(2) + $gw-gutter;
@@ -84,7 +84,7 @@
       border: 1px solid $border-color-3;
       border-left: 0;
       @include box-sizing(border-box);
-      // @include box-shadow(0 4px 25px 0 rgba(0,0,0, 0.5));
+      // box-shadow: 0 4px 25px 0 rgba(0,0,0, 0.5);
       height: 120px;
       float: left;
       padding: 4px;
@@ -107,7 +107,7 @@
         .play-intro {
           @include background-image(linear-gradient(-90deg, rgba(0,0,0, 0.65), rgba(0,0,0, 0.75)));
           border-radius: 4px;
-          @include box-shadow(0 1px 12px 0 rgba(0,0,0, 0.4));
+          box-shadow: 0 1px 12px 0 rgba(0,0,0, 0.4);
           @include box-sizing(border-box);
           border: 2px solid rgba(255,255,255, 0.8);
           height: 60px;
@@ -143,7 +143,7 @@
       &:hover {
         .play-intro {
           @include background-image(linear-gradient(-90deg, rgba(0,0,0, 0.75), rgba(0,0,0, 0.8)));
-          @include box-shadow(0 1px 12px 0 rgba(0,0,0, 0.5));
+          box-shadow: 0 1px 12px 0 rgba(0,0,0, 0.5);
           border-color: rgba(255,255,255, 0.9);
 
           &::after {
@@ -167,7 +167,7 @@
       border: 1px solid $border-color-2;
       border-radius: 4px;
       border-top-color: $border-color-1;
-      @include box-shadow(inset 0 0 0 1px rgba(255,255,255, 0.4), 0 0px 12px 0 rgba(0,0,0, 0.2));
+      box-shadow: inset 0 0 0 1px rgba(255,255,255, 0.4), 0 0px 12px 0 rgba(0,0,0, 0.2);
       color: $lighter-base-font-color;
       letter-spacing: 1px;
       margin-bottom: 0px;
@@ -410,7 +410,7 @@
 
     .news {
       @include box-sizing(border-box);
-      @include box-shadow(inset 0 0 3px 0 rgba(0,0,0, 0.15));
+      box-shadow: inset 0 0 3px 0 rgba(0,0,0, 0.15);
       padding: 20px;
       width: flex-grid(12);
 
@@ -434,7 +434,7 @@
           &:hover {
             background: $body-bg;
             border: 1px solid $border-color-2;
-            @include box-shadow(inset 0 0 3px 0 rgba(0,0,0, 0.1));
+            box-shadow: inset 0 0 3px 0 rgba(0,0,0, 0.1);
           }
 
           &:last-child {
diff --git a/lms/static/sass/multicourse/_media-kit.scss b/lms/static/sass/multicourse/_media-kit.scss
index 900ac30cf9..a234f0ac20 100644
--- a/lms/static/sass/multicourse/_media-kit.scss
+++ b/lms/static/sass/multicourse/_media-kit.scss
@@ -11,7 +11,7 @@ $white: rgb(255,255,255);
   .wrapper-mediakit {
     border-radius: 4px;
     @include box-sizing(border-box);
-    @include box-shadow(0 1px 10px 0 rgba(0,0,0, 0.1));
+    box-shadow: 0 1px 10px 0 rgba(0,0,0, 0.1);
     margin: ($baseline*3) 0 0 0;
     border: 1px solid $border-color;
     padding: ($baseline*2) ($baseline*3);
@@ -115,7 +115,7 @@ $white: rgb(255,255,255);
     aside {
       border-radius: 2px;
       @include box-sizing(border-box);
-      @include box-shadow(0 1px 4px 0 rgba(0,0,0, 0.2));
+      box-shadow: 0 1px 4px 0 rgba(0,0,0, 0.2);
       width: 330px;
       float: left;
       border: 3px solid tint(rgb(96, 155, 216), 35%);
@@ -173,7 +173,7 @@ $white: rgb(255,255,255);
   .library {
     border-radius: 2px;
     @include box-sizing(border-box);
-    @include box-shadow(0 1px 4px 0 rgba(0,0,0, 0.2));
+    box-shadow: 0 1px 4px 0 rgba(0,0,0, 0.2);
     border: 3px solid tint($light-gray,50%);
     padding: 0;
     background: tint($light-gray,50%);
@@ -222,7 +222,7 @@ $white: rgb(255,255,255);
         a {
           border-radius: 2px;
           @include box-sizing(border-box);
-          @include box-shadow(0 1px 2px 0 rgba(0,0,0, 0.1));
+          box-shadow: 0 1px 2px 0 rgba(0,0,0, 0.1);
           display: block;
           min-height: 380px;
           border: 2px solid tint($light-gray,75%);
diff --git a/lms/static/sass/multicourse/_password_reset.scss b/lms/static/sass/multicourse/_password_reset.scss
index ebfa5fb861..0e3ea15573 100644
--- a/lms/static/sass/multicourse/_password_reset.scss
+++ b/lms/static/sass/multicourse/_password_reset.scss
@@ -3,7 +3,7 @@
   border: 1px solid rgb(200,200,200);
   border-radius: 4px;
   @include box-sizing(border-box);
-  @include box-shadow(0 5px 50px 0 rgba(0,0,0, 0.3));
+  box-shadow: 0 5px 50px 0 rgba(0,0,0, 0.3);
   margin: 120px auto 0;
   padding: 0px 40px 40px;
   width: flex-grid(5);
diff --git a/lms/static/sass/multicourse/_press_release.scss b/lms/static/sass/multicourse/_press_release.scss
index 0cbe787787..6efa4d65c3 100644
--- a/lms/static/sass/multicourse/_press_release.scss
+++ b/lms/static/sass/multicourse/_press_release.scss
@@ -37,7 +37,7 @@
       border: 1px solid rgb(220,220,220);
       border-radius: 10px;
       @include box-sizing(border-box);
-      @include box-shadow(0 2px 16px 0 rgba(0,0,0, 0.1));
+      box-shadow: 0 2px 16px 0 rgba(0,0,0, 0.1);
       margin: 0 auto;
       padding: 80px 80px 40px 80px;
       width: flex-grid(10);
diff --git a/lms/static/sass/multicourse/_testcenter-register.scss b/lms/static/sass/multicourse/_testcenter-register.scss
index 2bf22e4bac..3cf0e4d9c7 100644
--- a/lms/static/sass/multicourse/_testcenter-register.scss
+++ b/lms/static/sass/multicourse/_testcenter-register.scss
@@ -63,13 +63,13 @@
 	// form
 	.form-fields-primary, .form-fields-secondary {
 		border-bottom: 1px solid rgba(0,0,0,0.25);
-		@include box-shadow(0 1px 2px 0 rgba(0,0,0, 0.1));
+		box-shadow: 0 1px 2px 0 rgba(0,0,0, 0.1);
 	}
 
 	form {
 		border: 1px solid rgb(216, 223, 230);
 		border-radius: 3px;
-		@include box-shadow(0 1px 2px 0 rgba(0,0,0, 0.2));
+		box-shadow: 0 1px 2px 0 rgba(0,0,0, 0.2);
 
 		.instructions, .note {
 			margin: 0;
@@ -512,7 +512,7 @@
 			}
 
 			.actions {
-				@include box-shadow(inset 0 1px 1px 0px rgba(0,0,0,0.2));
+				box-shadow: inset 0 1px 1px 0px rgba(0,0,0,0.2);
 				border-top: 1px solid tint(rgb(0,0,0), 90%);
 				padding-top: ($baseline*0.75);
 				background: tint($yellow,70%);
diff --git a/lms/static/sass/shared/_activation_messages.scss b/lms/static/sass/shared/_activation_messages.scss
index 47d2c51321..c9f61f12fb 100644
--- a/lms/static/sass/shared/_activation_messages.scss
+++ b/lms/static/sass/shared/_activation_messages.scss
@@ -21,7 +21,7 @@
   .message {
     background: rgb(252,252,252);
     border: 1px solid rgb(200,200,200);
-    @include box-shadow(0 3px 20px 0 rgba(0,0,0, 0.2));
+    box-shadow: 0 3px 20px 0 rgba(0,0,0, 0.2);
     border-radius: 4px;
     margin: 0 auto;
     padding: 40px;
diff --git a/lms/static/sass/shared/_course_filter.scss b/lms/static/sass/shared/_course_filter.scss
index f6723e01f4..a8bf7f9fdc 100644
--- a/lms/static/sass/shared/_course_filter.scss
+++ b/lms/static/sass/shared/_course_filter.scss
@@ -3,7 +3,7 @@
 
   nav {
     @include background-image(linear-gradient(-90deg, rgb(250,250,250), rgb(230,230,230)));
-    @include box-shadow(inset 0 0 0 1px rgba(255,255,255, 0.4), inset 0 0 0 -1px rgba(255,255,255, 0.4));
+    box-shadow: inset 0 0 0 1px rgba(255,255,255, 0.4), inset 0 0 0 -1px rgba(255,255,255, 0.4);
     @include box-sizing(border-box);
     border: 1px solid rgb(190,190,190);
     border-bottom-color: rgb(200,200,200);
@@ -16,7 +16,7 @@
     z-index: 9;
 
     &.fixed-top {
-      @include box-shadow(0 1px 15px 0 rgba(0,0,0, 0.2), inset 0 0 0 1px rgba(255,255,255, 0.4));
+      box-shadow: 0 1px 15px 0 rgba(0,0,0, 0.2), inset 0 0 0 1px rgba(255,255,255, 0.4);
       max-width: 1200px;
       position: fixed;
       top: 0px;
@@ -32,7 +32,7 @@
         @include background-image(linear-gradient(-90deg, rgb(250,250,250) 0%, rgb(245,245,245) 50%, rgb(235,235,235) 50%, rgb(230,230,230) 100%));
         border-radius: 4px;
         @include box-sizing(border-box);
-        @include box-shadow(0 1px 0 0 rgba(255,255,255, 0.4), inset 0 1px 0 0 rgba(255,255,255, 0.6));
+        box-shadow: 0 1px 0 0 rgba(255,255,255, 0.4), inset 0 1px 0 0 rgba(255,255,255, 0.6);
         border: 1px solid rgb(200,200,200);
         color: $base-font-color;
         cursor: pointer;
@@ -49,7 +49,7 @@
         background: rgb(255,255,255);
         border-radius: 0px 4px 4px 4px;
         border: 1px solid rgb(200,200,200);
-        @include box-shadow(0 2px 15px 0 rgba(0,0,0, 0.2));
+        box-shadow: 0 2px 15px 0 rgba(0,0,0, 0.2);
         padding: 20px 0px 5px 20px;
         position: absolute;
         visibility: hidden;
@@ -68,7 +68,7 @@
           @include background-image(linear-gradient(-90deg, rgb(250,250,250), rgb(255,255,255)));
           border-radius: 4px 4px 0px 0px;
           border-bottom: 1px dotted rgb(200,200,200);
-          @include box-shadow(0 2px 0 -1px rgb(255,255,255));
+          box-shadow: 0 2px 0 -1px rgb(255,255,255);
           color: $base-font-color;
           height: 40px;
         }
diff --git a/lms/static/sass/shared/_course_object.scss b/lms/static/sass/shared/_course_object.scss
index 5c14407459..4c800f5956 100644
--- a/lms/static/sass/shared/_course_object.scss
+++ b/lms/static/sass/shared/_course_object.scss
@@ -35,7 +35,7 @@
       border: 1px solid $border-color-1;
       border-radius: 2px;
       @include box-sizing(border-box);
-      @include box-shadow(0 1px 10px 0 rgba(0,0,0, 0.15), inset 0 0 0 1px rgba(255,255,255, 0.9));
+      box-shadow: 0 1px 10px 0 rgba(0,0,0, 0.15), inset 0 0 0 1px rgba(255,255,255, 0.9);
       margin-bottom: 30px;
       position: relative;
       width: 100%;
@@ -80,7 +80,7 @@
         bottom: 6px;
         border: 1px solid rgba(0,0,0, 0.5);
         @include border-right-radius(2px);
-        @include box-shadow(0 1px 5px 0 rgba(0,0,0, 0.15));
+        box-shadow: 0 1px 5px 0 rgba(0,0,0, 0.15);
         @include clearfix;
         position: absolute;
         right: -4px;
@@ -111,7 +111,7 @@
 
         // > a {
           @include background-image(linear-gradient(-90deg, rgba(255,255,255, 1), rgba(255,255,255, 0.85)));
-          @include box-shadow(inset 0 -1px 0 0 rgba(255,255,255, 0.2));
+          box-shadow: inset 0 -1px 0 0 rgba(255,255,255, 0.2);
           border-bottom: 1px solid rgba(150,150,150, 0.7);
           display: block;
           height: 50px;
@@ -247,7 +247,7 @@
       &:hover {
         background: $course-profile-bg;
         border-color: $border-color-1;
-        @include box-shadow(0 1px 16px 0 rgba($shadow-color, 0.4));
+        box-shadow: 0 1px 16px 0 rgba($shadow-color, 0.4);
 
         .info {
           top: -150px;
diff --git a/lms/static/sass/shared/_footer.scss b/lms/static/sass/shared/_footer.scss
index 3c89c54faf..c6c4ff5cf8 100644
--- a/lms/static/sass/shared/_footer.scss
+++ b/lms/static/sass/shared/_footer.scss
@@ -1,5 +1,5 @@
 .wrapper-footer {
-  @include box-shadow(0 -1px 5px 0 rgba(0,0,0, 0.1));
+  box-shadow: 0 -1px 5px 0 rgba(0,0,0, 0.1);
   border-top: 1px solid tint($m-gray,50%);
   padding: 25px ($baseline/2) ($baseline*1.5) ($baseline/2);
   background: $footer-bg;
diff --git a/lms/static/sass/shared/_forms.scss b/lms/static/sass/shared/_forms.scss
index d26aae8440..6a011b22ef 100644
--- a/lms/static/sass/shared/_forms.scss
+++ b/lms/static/sass/shared/_forms.scss
@@ -18,7 +18,7 @@ input[type="tel"] {
   background: $form-bg-color;
   border: 1px solid $border-color-2;
   border-radius: 3px;
-  @include box-shadow(0 1px 0 0 rgba(255,255,255, 0.6), inset 0 0 3px 0 rgba(0,0,0, 0.1));
+  box-shadow: 0 1px 0 0 rgba(255,255,255, 0.6), inset 0 0 3px 0 rgba(0,0,0, 0.1);
   @include box-sizing(border-box);
   font: italic 300 1rem/1.6rem $serif;
   height: 35px;
@@ -32,7 +32,7 @@ input[type="tel"] {
 
   &:focus {
     border-color: darken($button-archive-color, 50%);
-    @include box-shadow(0 0 6px 0 darken($button-archive-color, 50%), inset 0 0 4px 0 rgba(0,0,0, 0.15));
+    box-shadow: 0 0 6px 0 darken($button-archive-color, 50%), inset 0 0 4px 0 rgba(0,0,0, 0.15);
     outline: none;
   }
 }
diff --git a/lms/static/sass/shared/_header.scss b/lms/static/sass/shared/_header.scss
index f1c54dfce1..e7948f40b0 100644
--- a/lms/static/sass/shared/_header.scss
+++ b/lms/static/sass/shared/_header.scss
@@ -1,6 +1,6 @@
 header.global {
   border-bottom: 1px solid $m-gray;
-  @include box-shadow(0 1px 5px 0 rgba(0,0,0, 0.1));
+  box-shadow: 0 1px 5px 0 rgba(0,0,0, 0.1);
   background: $header-bg;
   height: 76px;
   position: relative;
@@ -81,7 +81,7 @@ header.global {
         border: 1px solid $border-color-2;
         border-radius: 3px;
         @include box-sizing(border-box);
-        @include box-shadow(0 1px 0 0 rgba(255,255,255, 0.6));
+        box-shadow: 0 1px 0 0 rgba(255,255,255, 0.6);
         color: $base-font-color;
         display: inline-block;
         font-family: $sans-serif;
@@ -159,7 +159,7 @@ header.global {
       ul.dropdown-menu {
         background: $border-color-4;
         border-radius: 4px;
-        @include box-shadow(0 2px 24px 0 rgba(0,0,0, 0.3));
+        box-shadow: 0 2px 24px 0 rgba(0,0,0, 0.3);
         border: 1px solid $border-color-3;
         display: none;
         padding: 5px 10px;
@@ -181,7 +181,7 @@ header.global {
             bottom: 6px solid transparent;
             left: 6px solid transparent;
           }
-          @include box-shadow(1px 0 0 0 $border-color-3, 0 -1px 0 0 $border-color-3);
+          box-shadow: 1px 0 0 0 $border-color-3, 0 -1px 0 0 $border-color-3;
           content: "";
           display: block;
           height: 0px;
@@ -195,11 +195,11 @@ header.global {
         li {
           display: block;
           border-top: 1px dotted $border-color-2;
-          @include box-shadow(inset 0 1px 0 0 rgba(255,255,255, 0.05));
+          box-shadow: inset 0 1px 0 0 rgba(255,255,255, 0.05);
 
           &:first-child {
             border: none;
-            @include box-shadow(none);
+            box-shadow: none;
           }
 
           > a {
diff --git a/lms/static/sass/shared/_modal.scss b/lms/static/sass/shared/_modal.scss
index 9ec57a191e..395cd89c0e 100644
--- a/lms/static/sass/shared/_modal.scss
+++ b/lms/static/sass/shared/_modal.scss
@@ -14,7 +14,7 @@
   background: rgba(0,0,0, 0.6);
   border: 1px solid rgba(0, 0, 0, 0.9);
   border-radius: 0px;
-  @include box-shadow(0 15px 80px 15px rgba(0,0,0, 0.5));
+  box-shadow: 0 15px 80px 15px rgba(0,0,0, 0.5);
   color: #fff;
   display: none;
   left: 50%;
@@ -30,7 +30,7 @@
 
     .inner-wrapper {
       background: #000;
-      @include box-shadow(none);
+      box-shadow: none;
       height: 315px;
       padding: 10px;
       width: 560px;
@@ -44,7 +44,7 @@
 
     .inner-wrapper {
       background: #000;
-      @include box-shadow(none);
+      box-shadow: none;
       height: 360px;
       padding: 10px;
       width: 640px;
@@ -55,7 +55,7 @@
     background: $modal-bg-color;
     border-radius: 0px;
     border: 1px solid rgba(0, 0, 0, 0.9);
-    @include box-shadow(inset 0 1px 0 0 rgba(255, 255, 255, 0.7));
+    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.7);
     overflow: hidden;
     padding-left: 10px;
     padding-right: 10px;
@@ -143,7 +143,7 @@
       .input-group {
         @include clearfix;
         border-bottom: 1px solid rgb(210,210,210);
-        @include box-shadow(0 1px 0 0 rgba(255,255,255, 0.6));
+        box-shadow: 0 1px 0 0 rgba(255,255,255, 0.6);
         margin-bottom: 30px;
         padding-bottom: 10px;
       }
@@ -190,7 +190,7 @@
         background: rgb(233,233,233);
         border: 1px solid rgb(200,200,200);
         border-radius: 3px;
-        @include box-shadow(0 1px 0 0 rgba(255,255,255, 0.6));
+        box-shadow: 0 1px 0 0 rgba(255,255,255, 0.6);
         display: block;
         margin-bottom: 20px;
         padding: 8px 10px;