Skip to content

E
edx-platform
Commit 5bd79a86 by David Baumgold
Options

Changed `@include box-shadow()` to `box-shadow` 

Bourbon's box-shadow mixin has been deprecated, and they recommend to use the
official spec.
parent 41374838
Showing with 234 additions and 236 deletions
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;
......
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);
}
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;
......
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;
}
}
......
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;
}
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;
......
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;
......
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;
......
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;
......
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 {
......
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;
......
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;
}
......
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 {
......
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
}
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);
......
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 {
......
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;
......
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;
......
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);
......
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;
}
......
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 {
......
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 {
......
common/lib/xmodule/xmodule/css/crowdsource_hinter/display.scss
.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;
......
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;
......
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;
......
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;
......
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);
}
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;
......
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);
......
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;
......
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();
......
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;
}
}
......
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;
}
}
......
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 {
......
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 {
......
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();
......
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;
......
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;
......
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 {
......
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;
......
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;
......
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;
......
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;
......
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;
......
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
}
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 {
......
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%);
......
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);
......
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);
......
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%);
......
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;
......
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;
}
......
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;
......
lms/static/sass/shared/_footer.scss
.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;
......
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;
}
}
......
lms/static/sass/shared/_header.scss
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 {
......
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;
......
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