Skip to content

E
edx-platform
Commit a0962cc3 by Frances Botsford Committed by David Baumgold
Options

updated sass transitions to use newer bourbon syntax

parent 3748cae7
Showing with 133 additions and 134 deletions
cms/static/sass/_base.scss
...@@ -19,7 +19,7 @@ body, input, button { ...@@ -19,7 +19,7 @@ body, input, button {
} }
a { a {
@include transition(color $tmg-f2 ease-in-out 0); @include transition(color $tmg-f2 ease-in-out 0s);
text-decoration: none; text-decoration: none;
color: $blue; color: $blue;
...@@ -642,7 +642,7 @@ hr.divide { ...@@ -642,7 +642,7 @@ hr.divide {
// system notifications // system notifications
.toast-notification { .toast-notification {
@include transition(all $tmg-f2 linear 0); @include transition(all $tmg-f2 linear 0s);
display: none; display: none;
position: fixed; position: fixed;
top: 20px; top: 20px;
...@@ -794,7 +794,7 @@ hr.divide { ...@@ -794,7 +794,7 @@ hr.divide {
.tooltip { .tooltip {
@include font-size(12); @include font-size(12);
@include transition(opacity $tmg-f3 ease-out 0); @include transition(opacity $tmg-f3 ease-out 0s);
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
...@@ -867,7 +867,7 @@ body.js { ...@@ -867,7 +867,7 @@ body.js {
background: $white; background: $white;
.action-modal-close { .action-modal-close {
@include transition(top $tmg-f3 ease-in-out 0); @include transition(top $tmg-f3 ease-in-out 0s);
@include border-bottom-radius(3px); @include border-bottom-radius(3px);
position: absolute; position: absolute;
top: -3px; top: -3px;
......
cms/static/sass/elements/_header.scss
...@@ -77,7 +77,7 @@ ...@@ -77,7 +77,7 @@
.title { .title {
@extend .t-action2; @extend .t-action2;
@extend .btn-dd-nav-primary; @extend .btn-dd-nav-primary;
@include transition(all $tmg-f2 ease-in-out 0); @include transition(all $tmg-f2 ease-in-out 0s);
.label, .icon-caret-down { .label, .icon-caret-down {
...@@ -160,7 +160,7 @@ ...@@ -160,7 +160,7 @@
// entire link // entire link
.course-link { .course-link {
@include transition(color $tmg-f2 ease-in-out 0); @include transition(color $tmg-f2 ease-in-out 0s);
display: block; display: block;
color: $gray-d1; color: $gray-d1;
......
cms/static/sass/elements/_navigation.scss
...@@ -33,7 +33,7 @@ nav { ...@@ -33,7 +33,7 @@ nav {
} }
.ui-toggle-dd { .ui-toggle-dd {
@include transition(all $tmg-f2 ease-in-out 0); @include transition(all $tmg-f2 ease-in-out 0s);
margin-left: ($baseline/10); margin-left: ($baseline/10);
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
......
cms/static/sass/elements/_system-feedback.scss
...@@ -145,7 +145,7 @@ ...@@ -145,7 +145,7 @@
// prompts // prompts
.wrapper-prompt { .wrapper-prompt {
@extend .depth5; @extend .depth5;
@include transition(all $tmg-f3 ease-in-out 0); @include transition(all $tmg-f3 ease-in-out 0s);
position: fixed; position: fixed;
top: 0; top: 0;
background: $black-t0; background: $black-t0;
...@@ -364,7 +364,7 @@ ...@@ -364,7 +364,7 @@
} }
[class^="icon"] { [class^="icon"] {
@include transition (color 0.50s ease-in-out 0); @include transition (color 0.50s ease-in-out 0s);
@include font-size(22); @include font-size(22);
width: flex-grid(1, 12); width: flex-grid(1, 12);
height: ($baseline*1.25); height: ($baseline*1.25);
...@@ -531,7 +531,7 @@ ...@@ -531,7 +531,7 @@
} }
[class^="icon"] { [class^="icon"] {
@include transition (color 0.50s ease-in-out 0); @include transition (color 0.50s ease-in-out 0s);
@include font-size(22); @include font-size(22);
width: flex-grid(1, 12); width: flex-grid(1, 12);
margin: ($baseline/4) flex-gutter() 0 0; margin: ($baseline/4) flex-gutter() 0 0;
......
cms/static/sass/elements/_system-help.scss
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
.copy { .copy {
@extend .t-copy-sub1; @extend .t-copy-sub1;
@include transition(opacity $tmg-f2 ease-in-out 0); @include transition(opacity $tmg-f2 ease-in-out 0s);
opacity: 0.75; opacity: 0.75;
} }
......
cms/static/sass/views/_account.scss
...@@ -70,7 +70,7 @@ body.signup, body.signin { ...@@ -70,7 +70,7 @@ body.signup, body.signin {
.action-primary { .action-primary {
@include blue-button; @include blue-button;
@extend .t-action2; @extend .t-action2;
@include transition(all $tmg-f3 linear 0); @include transition(all $tmg-f3 linear 0s);
display: block; display: block;
width: 100%; width: 100%;
padding: ($baseline*0.75) ($baseline/2); padding: ($baseline*0.75) ($baseline/2);
...@@ -109,7 +109,7 @@ body.signup, body.signin { ...@@ -109,7 +109,7 @@ body.signup, body.signin {
label { label {
@extend .t-copy-sub1; @extend .t-copy-sub1;
@include transition(color $tmg-f3 ease-in-out 0); @include transition(color $tmg-f3 ease-in-out 0s);
margin: 0 0 ($baseline/4) 0; margin: 0 0 ($baseline/4) 0;
&.is-focused { &.is-focused {
...@@ -172,7 +172,7 @@ body.signup, body.signin { ...@@ -172,7 +172,7 @@ body.signup, body.signin {
.tip { .tip {
@extend .t-copy-sub2; @extend .t-copy-sub2;
@include transition(color $tmg-f3 ease-in-out 0); @include transition(color $tmg-f3 ease-in-out 0s);
display: block; display: block;
margin-top: ($baseline/4); margin-top: ($baseline/4);
color: $gray-l3; color: $gray-l3;
......
cms/static/sass/views/_checklists.scss
...@@ -55,13 +55,13 @@ body.course.checklists { ...@@ -55,13 +55,13 @@ body.course.checklists {
padding: $baseline ($baseline*1.5); padding: $baseline ($baseline*1.5);
.checklist-title { .checklist-title {
@include transition(color $tmg-f2 ease-in-out 0); @include transition(color $tmg-f2 ease-in-out 0s);
width: flex-grid(6, 9); width: flex-grid(6, 9);
margin: 0 flex-gutter() 0 0; margin: 0 flex-gutter() 0 0;
float: left; float: left;
.ui-toggle-expansion { .ui-toggle-expansion {
@include transition(all $tmg-f2 ease-in-out 0); @include transition(all $tmg-f2 ease-in-out 0s);
@include font-size(21); @include font-size(21);
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
...@@ -208,7 +208,7 @@ body.course.checklists { ...@@ -208,7 +208,7 @@ body.course.checklists {
overflow: hidden; overflow: hidden;
.task { .task {
@include transition(background $tmg-f2 ease-in-out 0, border $tmg-f3 ease-in-out 0); @include transition(background $tmg-f2 ease-in-out 0s, border $tmg-f3 ease-in-out 0s);
@include clearfix(); @include clearfix();
position: relative; position: relative;
border-top: 1px solid $white; border-top: 1px solid $white;
...@@ -238,7 +238,7 @@ body.course.checklists { ...@@ -238,7 +238,7 @@ body.course.checklists {
font-weight: 500; font-weight: 500;
.task-name { .task-name {
@include transition(color $tmg-f2 ease-in-out 0); @include transition(color $tmg-f2 ease-in-out 0s);
vertical-align: baseline; vertical-align: baseline;
cursor: pointer; cursor: pointer;
margin-bottom: 0; margin-bottom: 0;
...@@ -246,13 +246,13 @@ body.course.checklists { ...@@ -246,13 +246,13 @@ body.course.checklists {
.task-description { .task-description {
@extend .t-copy-sub1; @extend .t-copy-sub1;
@include transition(color $tmg-f2 ease-in-out 0); @include transition(color $tmg-f2 ease-in-out 0s);
color: $gray-l2; color: $gray-l2;
} }
.task-support { .task-support {
@extend .t-copy-sub2; @extend .t-copy-sub2;
@include transition(opacity $tmg-f2 ease-in-out 0); @include transition(opacity $tmg-f2 ease-in-out 0s);
opacity: 0.0; opacity: 0.0;
pointer-events: none; pointer-events: none;
} }
......
cms/static/sass/views/_index.scss
...@@ -151,7 +151,7 @@ body.index { ...@@ -151,7 +151,7 @@ body.index {
background: $white; background: $white;
.action-zoom { .action-zoom {
@include transition(bottom $tmg-f2 ease-in-out 0); @include transition(bottom $tmg-f2 ease-in-out 0s);
position: absolute; position: absolute;
bottom: -30px; bottom: -30px;
right: ($baseline/2); right: ($baseline/2);
...@@ -214,7 +214,7 @@ body.index { ...@@ -214,7 +214,7 @@ body.index {
.proofpoint { .proofpoint {
@include box-sizing(border-box); @include box-sizing(border-box);
@include transition(all $tmg-f2 ease-in-out 0); @include transition(all $tmg-f2 ease-in-out 0s);
border-radius: ($baseline/4); border-radius: ($baseline/4);
position: relative; position: relative;
top: 0; top: 0;
......
cms/static/sass/views/_outline.scss
...@@ -64,7 +64,7 @@ body.course.outline { ...@@ -64,7 +64,7 @@ body.course.outline {
.menu { .menu {
@include font-size(12); @include font-size(12);
@include transition(opacity $tmg-f2 linear 0); @include transition(opacity $tmg-f2 linear 0s);
border-radius: 4px; border-radius: 4px;
box-shadow: 0 1px 2px rgba(0, 0, 0, .2); box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
z-index: 1; z-index: 1;
...@@ -246,7 +246,7 @@ body.course.outline { ...@@ -246,7 +246,7 @@ body.course.outline {
} }
.section-name-span { .section-name-span {
@include transition(color $tmg-f2 linear 0); @include transition(color $tmg-f2 linear 0s);
cursor: pointer; cursor: pointer;
&:hover { &:hover {
...@@ -342,7 +342,7 @@ body.course.outline { ...@@ -342,7 +342,7 @@ body.course.outline {
.menu { .menu {
@include font-size(12); @include font-size(12);
@include transition(opacity $tmg-f2 linear 0, display $tmg-f2 linear 0); @include transition(opacity $tmg-f2 linear 0s, display $tmg-f2 linear 0s);
border-radius: 4px; border-radius: 4px;
box-shadow: 0 1px 2px rgba(0, 0, 0, .2); box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
z-index: 1; z-index: 1;
...@@ -452,7 +452,7 @@ body.course.outline { ...@@ -452,7 +452,7 @@ body.course.outline {
} }
.section-name-span { .section-name-span {
@include transition(color $tmg-f2 linear 0); @include transition(color $tmg-f2 linear 0s);
cursor: pointer; cursor: pointer;
&:hover { &:hover {
......
cms/static/sass/views/_settings.scss
...@@ -98,7 +98,7 @@ body.course.settings { ...@@ -98,7 +98,7 @@ body.course.settings {
.tip { .tip {
@extend .t-copy-sub2; @extend .t-copy-sub2;
@include transition(color $tmg-f2 ease-in-out 0); @include transition(color $tmg-f2 ease-in-out 0s);
display: block; display: block;
margin-top: ($baseline/4); margin-top: ($baseline/4);
color: $gray-l3; color: $gray-l3;
...@@ -155,7 +155,7 @@ body.course.settings { ...@@ -155,7 +155,7 @@ body.course.settings {
label { label {
@extend .t-copy-sub1; @extend .t-copy-sub1;
@include transition(color $tmg-f2 ease-in-out 0); @include transition(color $tmg-f2 ease-in-out 0s);
margin: 0 0 ($baseline/4) 0; margin: 0 0 ($baseline/4) 0;
font-weight: 400; font-weight: 400;
......
cms/static/sass/views/_static-pages.scss
...@@ -137,7 +137,7 @@ body.course.static-pages { ...@@ -137,7 +137,7 @@ body.course.static-pages {
} }
.xmodule_display { .xmodule_display {
@include transition(background-color $tmg-s3 linear 0); @include transition(background-color $tmg-s3 linear 0s);
padding: 20px 20px 22px; padding: 20px 20px 22px;
font-size: 24px; font-size: 24px;
font-weight: 300; font-weight: 300;
......
cms/static/sass/views/_subsection.scss
...@@ -335,7 +335,7 @@ body.course.subsection { ...@@ -335,7 +335,7 @@ body.course.subsection {
} }
.menu { .menu {
@include transition(opacity $tmg-f2 linear 0); @include transition(opacity $tmg-f2 linear 0s);
z-index: 1; z-index: 1;
position: absolute; position: absolute;
top: -12px; top: -12px;
......
cms/static/sass/views/_unit.scss
...@@ -256,7 +256,7 @@ body.course.unit { ...@@ -256,7 +256,7 @@ body.course.unit {
color: #3c3c3c; color: #3c3c3c;
&:hover { &:hover {
@include transition(background-color $tmg-f2 linear 0); @include transition(background-color $tmg-f2 linear 0s);
background: tint($green,30%); background: tint($green,30%);
color: #fff; color: #fff;
} }
...@@ -291,7 +291,7 @@ body.course.unit { ...@@ -291,7 +291,7 @@ body.course.unit {
float: left; float: left;
[class^="icon-"] { [class^="icon-"] {
@include transition(opacity $tmg-f2 linear 0); @include transition(opacity $tmg-f2 linear 0s);
display: inline-block; display: inline-block;
top: 1px; top: 1px;
margin-right: 5px; margin-right: 5px;
...@@ -303,7 +303,7 @@ body.course.unit { ...@@ -303,7 +303,7 @@ body.course.unit {
} }
.editor-indicator { .editor-indicator {
@include transition(opacity $tmg-f2 linear 0); @include transition(opacity $tmg-f2 linear 0s);
float: right; float: right;
position: relative; position: relative;
top: 3px; top: 3px;
...@@ -507,7 +507,6 @@ body.course.unit { ...@@ -507,7 +507,6 @@ body.course.unit {
@include blue-button; @include blue-button;
&.is-set { &.is-set {
@include transition(box-shadow $tmg-f1 ease-in-out 0);
@include linear-gradient($blue, $blue); @include linear-gradient($blue, $blue);
color: $blue-d1; color: $blue-d1;
box-shadow: inset 0 1px 2px 1px $shadow-l1; box-shadow: inset 0 1px 2px 1px $shadow-l1;
...@@ -587,7 +586,7 @@ body.course.unit { ...@@ -587,7 +586,7 @@ body.course.unit {
} }
&:hover { &:hover {
@include transition(opacity $tmg-f2 ease-in-out); @include transition(opacity $tmg-f2 ease-in-out 0s);
opacity: 1.0; opacity: 1.0;
} }
...@@ -673,7 +672,7 @@ body.course.unit { ...@@ -673,7 +672,7 @@ body.course.unit {
&:focus { &:focus {
box-shadow: 0 0 1px $shadow; box-shadow: 0 0 1px $shadow;
@include transition(opacity $tmg-f2 ease-in-out 0); @include transition(opacity $tmg-f2 ease-in-out 0s);
background-color: $yellow; background-color: $yellow;
} }
...@@ -698,7 +697,7 @@ body.course.unit { ...@@ -698,7 +697,7 @@ body.course.unit {
&:hover { &:hover {
box-shadow: 0 1px 1px $shadow; box-shadow: 0 1px 1px $shadow;
@include transition(opacity $tmg-f2 ease-in-out 0); @include transition(opacity $tmg-f2 ease-in-out 0s);
background-color: $blue-s3; background-color: $blue-s3;
border: 1px solid $blue-s3; border: 1px solid $blue-s3;
color: $white; color: $white;
...@@ -956,7 +955,7 @@ body.unit { ...@@ -956,7 +955,7 @@ body.unit {
&:hover { &:hover {
@include transition(opacity $tmg-f2 ease-in-out 0); @include transition(opacity $tmg-f2 ease-in-out 0s);
opacity: 1.0s; opacity: 1.0s;
} }
} }
......
common/lib/xmodule/xmodule/css/combinedopenended/edit.scss
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
color: $darkGrey !important; color: $darkGrey !important;
pointer-events: none; pointer-events: none;
cursor: none; cursor: none;
&:hover { &:hover {
box-shadow: 0 0 0 0 !important; box-shadow: 0 0 0 0 !important;
} }
...@@ -48,7 +48,7 @@ ...@@ -48,7 +48,7 @@
@include linear-gradient(left, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0) 4px); @include linear-gradient(left, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0) 4px);
background-color: #fff; background-color: #fff;
overflow: hidden; overflow: hidden;
@include transition(width .3s); @include transition(width .3s linear 0s);
&.shown { &.shown {
width: 300px; width: 300px;
......
common/lib/xmodule/xmodule/css/problem/edit.scss
...@@ -48,7 +48,7 @@ ...@@ -48,7 +48,7 @@
@include linear-gradient(left, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0) 4px); @include linear-gradient(left, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0) 4px);
background-color: #fff; background-color: #fff;
overflow: hidden; overflow: hidden;
@include transition(width .3s); @include transition(width .3s linear 0s);
&.shown { &.shown {
width: 300px; width: 300px;
......
common/lib/xmodule/xmodule/css/sequence/display.scss
...@@ -104,7 +104,7 @@ nav.sequence-nav { ...@@ -104,7 +104,7 @@ nav.sequence-nav {
display: block; display: block;
padding: 0; padding: 0;
position: relative; position: relative;
@include transition(); @include transition(none);
outline: 0; outline: 0;
&:focus { &:focus {
...@@ -208,7 +208,7 @@ nav.sequence-nav { ...@@ -208,7 +208,7 @@ nav.sequence-nav {
position: absolute; position: absolute;
top: 48px; top: 48px;
text-shadow: 0 -1px 0 #000; text-shadow: 0 -1px 0 #000;
@include transition(all, .1s, $ease-in-out-quart); @include transition(all .1s $ease-in-out-quart 0s);
white-space: pre; white-space: pre;
z-index: 99; z-index: 99;
...@@ -273,7 +273,7 @@ nav.sequence-nav { ...@@ -273,7 +273,7 @@ nav.sequence-nav {
height: 34px; height: 34px;
width: 40px; width: 40px;
text-indent: -9999px; text-indent: -9999px;
@include transition(all, .2s, $ease-in-out-quad); @include transition(all .2s $ease-in-out-quad 0s);
outline: 0; outline: 0;
&:focus { &:focus {
...@@ -349,7 +349,7 @@ nav.sequence-bottom { ...@@ -349,7 +349,7 @@ nav.sequence-bottom {
display: block; display: block;
padding: lh(.5) 4px; padding: lh(.5) 4px;
text-indent: -9999px; text-indent: -9999px;
@include transition(all, .2s, $ease-in-out-quad); @include transition(all .2s $ease-in-out-quad 0s);
outline: 0; outline: 0;
&:hover { &:hover {
......
common/lib/xmodule/xmodule/css/video/display.scss
...@@ -55,7 +55,7 @@ div.video { ...@@ -55,7 +55,7 @@ div.video {
height: 7px; height: 7px;
margin-left: -1px; margin-left: -1px;
margin-right: -1px; margin-right: -1px;
@include transition(height 2.0s ease-in-out); @include transition(height 2.0s ease-in-out 0s);
div.ui-widget-header { div.ui-widget-header {
background: #777; background: #777;
...@@ -72,7 +72,7 @@ div.video { ...@@ -72,7 +72,7 @@ div.video {
height: 15px; height: 15px;
margin-left: -7px; margin-left: -7px;
top: -4px; top: -4px;
@include transition(height 2.0s ease-in-out, width 2.0s ease-in-out); @include transition(height 2.0s ease-in-out 0s, width 2.0s ease-in-out 0s);
width: 15px; width: 15px;
&:focus, &:hover { &:focus, &:hover {
...@@ -101,7 +101,7 @@ div.video { ...@@ -101,7 +101,7 @@ div.video {
line-height: 46px; line-height: 46px;
padding: 0 lh(.75); padding: 0 lh(.75);
text-indent: -9999px; text-indent: -9999px;
@include transition(background-color, opacity); @include transition(background-color 0.75s linear 0s, opacity 0.75s linear 0s);
width: 14px; width: 14px;
background: url('../images/vcr.png') 15px 15px no-repeat; background: url('../images/vcr.png') 15px 15px no-repeat;
outline: 0; outline: 0;
...@@ -176,7 +176,7 @@ div.video { ...@@ -176,7 +176,7 @@ div.video {
margin-right: 0; margin-right: 0;
padding-left: 15px; padding-left: 15px;
position: relative; position: relative;
@include transition(); @include transition(none);
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
width: 116px; width: 116px;
outline: 0; outline: 0;
...@@ -214,7 +214,7 @@ div.video { ...@@ -214,7 +214,7 @@ div.video {
// fix for now // fix for now
ol.video_speeds { ol.video_speeds {
box-shadow: inset 1px 0 0 #555, 0 3px 0 #444; box-shadow: inset 1px 0 0 #555, 0 3px 0 #444;
@include transition(); @include transition(none);
background-color: #444; background-color: #444;
border: 1px solid #000; border: 1px solid #000;
bottom: 46px; bottom: 46px;
...@@ -284,7 +284,7 @@ div.video { ...@@ -284,7 +284,7 @@ div.video {
margin-right: 0; margin-right: 0;
padding-left: 15px; padding-left: 15px;
position: relative; position: relative;
@include transition(); @include transition(none);
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
width: 30px; width: 30px;
...@@ -295,7 +295,7 @@ div.video { ...@@ -295,7 +295,7 @@ div.video {
.volume-slider-container { .volume-slider-container {
box-shadow: inset 1px 0 0 #555, 0 3px 0 #444; box-shadow: inset 1px 0 0 #555, 0 3px 0 #444;
@include transition(); @include transition(none);
background-color: #444; background-color: #444;
border: 1px solid #000; border: 1px solid #000;
bottom: 46px; bottom: 46px;
...@@ -325,7 +325,7 @@ div.video { ...@@ -325,7 +325,7 @@ div.video {
cursor: pointer; cursor: pointer;
height: 15px; height: 15px;
left: -6px; left: -6px;
@include transition(height 2.0s ease-in-out, width 2.0s ease-in-out); @include transition(height 2.0s ease-in-out 0s, width 2.0s ease-in-out 0s);
width: 15px; width: 15px;
} }
...@@ -347,7 +347,7 @@ div.video { ...@@ -347,7 +347,7 @@ div.video {
margin-left: 0; margin-left: 0;
padding: 0 lh(.5); padding: 0 lh(.5);
text-indent: -9999px; text-indent: -9999px;
@include transition(); @include transition(none);
width: 30px; width: 30px;
&:hover { &:hover {
...@@ -368,7 +368,7 @@ div.video { ...@@ -368,7 +368,7 @@ div.video {
margin-left: 0; margin-left: 0;
padding: 0 lh(.5); padding: 0 lh(.5);
text-indent: -9999px; text-indent: -9999px;
@include transition(); @include transition(none);
width: 30px; width: 30px;
&:hover { &:hover {
...@@ -397,7 +397,7 @@ div.video { ...@@ -397,7 +397,7 @@ div.video {
padding: 0 lh(.5); padding: 0 lh(.5);
position: relative; position: relative;
text-indent: -9999px; text-indent: -9999px;
@include transition(); @include transition(none);
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
width: 30px; width: 30px;
...@@ -542,7 +542,7 @@ div.video { ...@@ -542,7 +542,7 @@ div.video {
position: fixed; position: fixed;
right: 0; right: 0;
top: 0; top: 0;
@include transition(); @include transition(none);
li { li {
color: #aaa; color: #aaa;
......
common/lib/xmodule/xmodule/css/videoalpha/display.scss
...@@ -55,7 +55,7 @@ div.video { ...@@ -55,7 +55,7 @@ div.video {
height: 7px; height: 7px;
margin-left: -1px; margin-left: -1px;
margin-right: -1px; margin-right: -1px;
@include transition(height 2.0s ease-in-out); @include transition(height 2.0s ease-in-out 0s);
div.ui-widget-header { div.ui-widget-header {
background: #777; background: #777;
...@@ -72,7 +72,7 @@ div.video { ...@@ -72,7 +72,7 @@ div.video {
height: 15px; height: 15px;
margin-left: -7px; margin-left: -7px;
top: -4px; top: -4px;
@include transition(height 2.0s ease-in-out, width 2.0s ease-in-out); @include transition(height 2.0s ease-in-out 0s, width 2.0s ease-in-out 0s);
width: 15px; width: 15px;
&:focus, &:hover { &:focus, &:hover {
...@@ -101,7 +101,7 @@ div.video { ...@@ -101,7 +101,7 @@ div.video {
line-height: 46px; line-height: 46px;
padding: 0 lh(.75); padding: 0 lh(.75);
text-indent: -9999px; text-indent: -9999px;
@include transition(background-color, opacity); @include transition(background-color 0.75s linear 0s, opacity 0.75s linear 0s);
width: 14px; width: 14px;
background: url('../images/vcr.png') 15px 15px no-repeat; background: url('../images/vcr.png') 15px 15px no-repeat;
outline: 0; outline: 0;
...@@ -176,7 +176,7 @@ div.video { ...@@ -176,7 +176,7 @@ div.video {
margin-right: 0; margin-right: 0;
padding-left: 15px; padding-left: 15px;
position: relative; position: relative;
@include transition(); @include transition(none);
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
width: 116px; width: 116px;
outline: 0; outline: 0;
...@@ -214,7 +214,7 @@ div.video { ...@@ -214,7 +214,7 @@ div.video {
// fix for now // fix for now
ol.video_speeds { ol.video_speeds {
box-shadow: inset 1px 0 0 #555, 0 3px 0 #444; box-shadow: inset 1px 0 0 #555, 0 3px 0 #444;
@include transition(); @include transition(none);
background-color: #444; background-color: #444;
border: 1px solid #000; border: 1px solid #000;
bottom: 46px; bottom: 46px;
...@@ -284,7 +284,7 @@ div.video { ...@@ -284,7 +284,7 @@ div.video {
margin-right: 0; margin-right: 0;
padding-left: 15px; padding-left: 15px;
position: relative; position: relative;
@include transition(); @include transition(none);
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
width: 30px; width: 30px;
...@@ -295,7 +295,7 @@ div.video { ...@@ -295,7 +295,7 @@ div.video {
.volume-slider-container { .volume-slider-container {
box-shadow: inset 1px 0 0 #555, 0 3px 0 #444; box-shadow: inset 1px 0 0 #555, 0 3px 0 #444;
@include transition(); @include transition(none);
background-color: #444; background-color: #444;
border: 1px solid #000; border: 1px solid #000;
bottom: 46px; bottom: 46px;
...@@ -325,7 +325,7 @@ div.video { ...@@ -325,7 +325,7 @@ div.video {
cursor: pointer; cursor: pointer;
height: 15px; height: 15px;
left: -6px; left: -6px;
@include transition(height 2.0s ease-in-out, width 2.0s ease-in-out); @include transition(height 2.0s ease-in-out 0s, width 2.0s ease-in-out 0s);
width: 15px; width: 15px;
} }
...@@ -347,7 +347,7 @@ div.video { ...@@ -347,7 +347,7 @@ div.video {
margin-left: 0; margin-left: 0;
padding: 0 lh(.5); padding: 0 lh(.5);
text-indent: -9999px; text-indent: -9999px;
@include transition(); @include transition(none);
width: 30px; width: 30px;
&:hover { &:hover {
...@@ -368,7 +368,7 @@ div.video { ...@@ -368,7 +368,7 @@ div.video {
margin-left: 0; margin-left: 0;
padding: 0 lh(.5); padding: 0 lh(.5);
text-indent: -9999px; text-indent: -9999px;
@include transition(); @include transition(none);
width: 30px; width: 30px;
&:hover { &:hover {
...@@ -397,7 +397,7 @@ div.video { ...@@ -397,7 +397,7 @@ div.video {
padding: 0 lh(.5); padding: 0 lh(.5);
position: relative; position: relative;
text-indent: -9999px; text-indent: -9999px;
@include transition(); @include transition(none);
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
width: 30px; width: 30px;
...@@ -542,7 +542,7 @@ div.video { ...@@ -542,7 +542,7 @@ div.video {
position: fixed; position: fixed;
right: 0; right: 0;
top: 0; top: 0;
@include transition(); @include transition(none);
li { li {
color: #aaa; color: #aaa;
......
common/static/sass/_mixins.scss
...@@ -117,7 +117,7 @@ ...@@ -117,7 +117,7 @@
// extends - buttons // extends - buttons
.btn { .btn {
@include box-sizing(border-box); @include box-sizing(border-box);
@include transition(color 0.25s ease-in-out 0, border-color 0.25s ease-in-out 0, background 0.25s ease-in-out 0, box-shadow 0.25s ease-in-out 0); @include transition(color 0.25s ease-in-out 0s, border-color 0.25s ease-in-out 0s, background 0.25s ease-in-out 0s, box-shadow 0.25s ease-in-out 0s);
display: inline-block; display: inline-block;
cursor: pointer; cursor: pointer;
......
lms/static/sass/_discussion.scss
...@@ -565,7 +565,7 @@ body.discussion { ...@@ -565,7 +565,7 @@ body.discussion {
border-top-width: 0; border-top-width: 0;
border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px;
overflow: hidden; overflow: hidden;
@include transition(all, .2s, easeOut); @include transition(all .2s ease-out 0s);
&:before { &:before {
content: 'PREVIEW'; content: 'PREVIEW';
...@@ -591,7 +591,7 @@ body.discussion { ...@@ -591,7 +591,7 @@ body.discussion {
padding: 0px; padding: 0px;
height: 20px; height: 20px;
overflow: hidden; overflow: hidden;
@include transition(all, .2s, easeOut); @include transition(all .2s ease-out 0s);
} }
.wmd-spacer { .wmd-spacer {
...@@ -718,7 +718,7 @@ body.discussion { ...@@ -718,7 +718,7 @@ body.discussion {
height: 100%; height: 100%;
@include linear-gradient(top, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0)); @include linear-gradient(top, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
background-color: #dcdcdc; background-color: #dcdcdc;
@include transition(all .2s ease-out); @include transition(all .2s ease-out 0s);
&:hover { &:hover {
background-color: #e9e9e9; background-color: #e9e9e9;
...@@ -818,7 +818,7 @@ body.discussion { ...@@ -818,7 +818,7 @@ body.discussion {
color: #333; color: #333;
text-shadow: 0 1px 0 rgba(255, 255, 255, .8); text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
opacity: 0.0; opacity: 0.0;
@include transition(opacity .2s); @include transition(opacity .2s linear 0s);
} }
} }
...@@ -938,7 +938,7 @@ body.discussion { ...@@ -938,7 +938,7 @@ body.discussion {
max-width: 30px; max-width: 30px;
margin: auto; margin: auto;
@include box-sizing(border-box); @include box-sizing(border-box);
@include transition(all .2s); @include transition(all .2s linear 0s);
} }
.post-search-field { .post-search-field {
...@@ -959,13 +959,13 @@ body.discussion { ...@@ -959,13 +959,13 @@ body.discussion {
color: #333; color: #333;
cursor: pointer; cursor: pointer;
pointer-events: none; pointer-events: none;
@include transition(all .2s ease-out); @include transition(all .2s ease-out 0s);
&::-webkit-input-placeholder, &::-webkit-input-placeholder,
&:-moz-placeholder, &:-moz-placeholder,
&:-ms-input-placeholder { &:-ms-input-placeholder {
opacity: 0.0; opacity: 0.0;
@include transition(opacity .2s); @include transition(opacity .2s linear 0s);
} }
&:focus { &:focus {
...@@ -1618,7 +1618,7 @@ body.discussion { ...@@ -1618,7 +1618,7 @@ body.discussion {
padding: 8px 20px; padding: 8px 20px;
.wmd-input { .wmd-input {
@include transition(all .2s); @include transition(all .2s linear 0s);
} }
.wmd-button { .wmd-button {
...@@ -1638,7 +1638,7 @@ body.discussion { ...@@ -1638,7 +1638,7 @@ body.discussion {
border: 1px solid #b2b2b2; border: 1px solid #b2b2b2;
border-radius: 3px; border-radius: 3px;
box-shadow: 0 1px 3px rgba(0, 0, 0, .1) inset; box-shadow: 0 1px 3px rgba(0, 0, 0, .1) inset;
@include transition(border-color .1s); @include transition(border-color .1s linear 0s);
&:focus { &:focus {
border-color: #4697c1; border-color: #4697c1;
...@@ -1726,7 +1726,7 @@ body.discussion { ...@@ -1726,7 +1726,7 @@ body.discussion {
.discussion-reply-new { .discussion-reply-new {
padding: 20px; padding: 20px;
@include clearfix; @include clearfix;
@include transition(opacity .2s); @include transition(opacity .2s linear 0s);
h4 { h4 {
font-size: 16px; font-size: 16px;
...@@ -1837,7 +1837,7 @@ body.discussion { ...@@ -1837,7 +1837,7 @@ body.discussion {
/* Course content p has a default margin-bottom of 1.416em, this is just to reset that */ /* Course content p has a default margin-bottom of 1.416em, this is just to reset that */
.discussion-thread { .discussion-thread {
padding: 0; padding: 0;
@include transition(all .25s); @include transition(all .25s linear 0s);
.dogear { .dogear {
display: none; display: none;
...@@ -1868,7 +1868,7 @@ body.discussion { ...@@ -1868,7 +1868,7 @@ body.discussion {
min-height: 0; min-height: 0;
padding: 10px 10px 15px 10px; padding: 10px 10px 15px 10px;
box-shadow: 0 1px 0 #ddd; box-shadow: 0 1px 0 #ddd;
@include transition(all .2s); @include transition(all .2s linear 0s);
.discussion-post { .discussion-post {
padding: 12px 20px 0 20px; padding: 12px 20px 0 20px;
...@@ -2223,7 +2223,7 @@ body.discussion { ...@@ -2223,7 +2223,7 @@ body.discussion {
border-top-width: 0; border-top-width: 0;
border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px;
overflow: hidden; overflow: hidden;
@include transition(all, .2s, easeOut); @include transition(all .2s ease-out 0s);
&:before { &:before {
content: 'PREVIEW'; content: 'PREVIEW';
...@@ -2249,7 +2249,7 @@ body.discussion { ...@@ -2249,7 +2249,7 @@ body.discussion {
padding: 0px; padding: 0px;
height: 20px; height: 20px;
overflow: hidden; overflow: hidden;
@include transition(all, .2s, easeOut); @include transition(all .2s ease-out 0s);
} }
.wmd-spacer { .wmd-spacer {
...@@ -2457,7 +2457,7 @@ body.discussion { ...@@ -2457,7 +2457,7 @@ body.discussion {
} }
&:hover { &:hover {
@include transition(opacity .2s); @include transition(opacity .2s linear 0s);
opacity: 1.0; opacity: 1.0;
} }
} }
...@@ -2522,7 +2522,7 @@ display:none; ...@@ -2522,7 +2522,7 @@ display:none;
opacity: 0.8; opacity: 0.8;
&:hover { &:hover {
@include transition(opacity .2s); @include transition(opacity .2s linear 0s);
opacity: 1.0; opacity: 1.0;
} }
......
lms/static/sass/base/_base.scss
...@@ -64,7 +64,7 @@ p { ...@@ -64,7 +64,7 @@ p {
color: $link-color; color: $link-color;
font: normal 1em/1em $serif; font: normal 1em/1em $serif;
text-decoration: none; text-decoration: none;
@include transition(all, 0.1s, linear); @include transition(all 0.1s linear 0s);
&:hover { &:hover {
color: $link-color; color: $link-color;
...@@ -77,7 +77,7 @@ a:link, a:visited { ...@@ -77,7 +77,7 @@ a:link, a:visited {
color: $link-color; color: $link-color;
font: normal 1em/1em $sans-serif; font: normal 1em/1em $sans-serif;
text-decoration: none; text-decoration: none;
@include transition(all, 0.1s, linear); @include transition(all 0.1s linear 0s);
&:hover { &:hover {
text-decoration: underline; text-decoration: underline;
......
lms/static/sass/course/_gradebook.scss
...@@ -25,7 +25,7 @@ div.gradebook-wrapper { ...@@ -25,7 +25,7 @@ div.gradebook-wrapper {
font-size: 11px; font-size: 11px;
box-shadow: 0 1px 4px rgba(0, 0, 0, .12) inset; box-shadow: 0 1px 4px rgba(0, 0, 0, .12) inset;
outline: none; outline: none;
@include transition(border-color .15s); @include transition(border-color .15s linear 0s);
&::-webkit-input-placeholder, &::-webkit-input-placeholder,
&::-moz-input-placeholder { &::-moz-input-placeholder {
......
lms/static/sass/course/_info.scss
...@@ -113,7 +113,7 @@ div.info-wrapper { ...@@ -113,7 +113,7 @@ div.info-wrapper {
&.expandable, &.expandable,
&.collapsable { &.collapsable {
margin: 0 16px 14px 16px; margin: 0 16px 14px 16px;
@include transition(all .2s); @include transition(all .2s linear 0s);
h4 { h4 {
color: $link-color; color: $link-color;
......
lms/static/sass/course/_profile.scss
...@@ -36,7 +36,7 @@ div.profile-wrapper { ...@@ -36,7 +36,7 @@ div.profile-wrapper {
padding: lh(.5) 0 lh(.5) lh(.5); padding: lh(.5) 0 lh(.5) lh(.5);
position: relative; position: relative;
text-decoration: none; text-decoration: none;
@include transition(); @include transition(none);
div#location_sub, div#language_sub { div#location_sub, div#language_sub {
font-weight: bold; font-weight: bold;
......
lms/static/sass/course/_textbook.scss
...@@ -38,7 +38,7 @@ div.book-wrapper { ...@@ -38,7 +38,7 @@ div.book-wrapper {
text-align: right; text-align: right;
color: #9a9a9a; color: #9a9a9a;
opacity: 0.0; opacity: 0.0;
@include transition(opacity .15s); @include transition(opacity .15s linear 0s);
} }
li { li {
...@@ -121,7 +121,7 @@ div.book-wrapper { ...@@ -121,7 +121,7 @@ div.book-wrapper {
opacity: 0.0; opacity: 0.0;
filter: alpha(opacity=0); filter: alpha(opacity=0);
text-indent: -9999px; text-indent: -9999px;
@include transition; @include transition(none);
vertical-align: middle; vertical-align: middle;
width: 100%; width: 100%;
......
lms/static/sass/course/base/_base.scss
...@@ -115,7 +115,7 @@ img { ...@@ -115,7 +115,7 @@ img {
color: #fff; color: #fff;
pointer-events: none; pointer-events: none;
opacity: 0; opacity: 0;
@include transition(opacity .1s); @include transition(opacity .1s linear 0s);
&:after { &:after {
content: '▾'; content: '▾';
......
lms/static/sass/course/base/_extends.scss
...@@ -96,7 +96,7 @@ h1.top-header { ...@@ -96,7 +96,7 @@ h1.top-header {
a { a {
display: block; display: block;
text-decoration: none; text-decoration: none;
@include transition(); @include transition(none);
} }
&.active { &.active {
...@@ -185,6 +185,6 @@ h1.top-header { ...@@ -185,6 +185,6 @@ h1.top-header {
} }
.tran { .tran {
@include transition( all, .2s, $ease-in-out-quad); @include transition( all .2s $ease-in-out-quad 0s);
} }
lms/static/sass/course/courseware/_sidebar.scss
...@@ -73,7 +73,7 @@ section.course-index { ...@@ -73,7 +73,7 @@ section.course-index {
@include linear-gradient(top, $sidebar-chapter-bg-top, $sidebar-chapter-bg-bottom); @include linear-gradient(top, $sidebar-chapter-bg-top, $sidebar-chapter-bg-bottom);
background-color: $sidebar-chapter-bg; background-color: $sidebar-chapter-bg;
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); @include transition(background-color .1s linear 0s);
&.is-open { &.is-open {
background: #fff; background: #fff;
...@@ -165,7 +165,7 @@ section.course-index { ...@@ -165,7 +165,7 @@ section.course-index {
font-weight: normal; font-weight: normal;
color: #333; color: #333;
opacity: 0; opacity: 0;
@include transition(); @include transition(none);
} }
> a { > a {
......
lms/static/sass/course/layout/_calculator.scss
...@@ -2,7 +2,7 @@ div.calc-main { ...@@ -2,7 +2,7 @@ div.calc-main {
bottom: -126px; bottom: -126px;
left: 0; left: 0;
position: fixed; position: fixed;
@include transition(bottom); @include transition(bottom 0.75s linear 0s);
-webkit-appearance: none; -webkit-appearance: none;
width: 100%; width: 100%;
z-index: 99; z-index: 99;
...@@ -131,7 +131,7 @@ div.calc-main { ...@@ -131,7 +131,7 @@ div.calc-main {
position: absolute; position: absolute;
right: -40px; right: -40px;
top: -122px; top: -122px;
@include transition(); @include transition(none);
width: 600px; width: 600px;
&.shown { &.shown {
......
lms/static/sass/course/wiki/_wiki.scss
...@@ -106,7 +106,7 @@ section.wiki { ...@@ -106,7 +106,7 @@ section.wiki {
font-family: $sans-serif; font-family: $sans-serif;
font-size: 12px; font-size: 12px;
outline: none; outline: none;
@include transition(border-color .1s); @include transition(border-color .1s linear 0s);
&:-webkit-input-placholder { &:-webkit-input-placholder {
font-style: italic; font-style: italic;
...@@ -1002,7 +1002,7 @@ section.wiki { ...@@ -1002,7 +1002,7 @@ section.wiki {
color: #fff; color: #fff;
font-weight: bold; font-weight: bold;
font-size: em(18); font-size: em(18);
@include transition; @include transition(none);
text-align: center; text-align: center;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
......
lms/static/sass/multicourse/_about_pages.scss
...@@ -21,7 +21,7 @@ ...@@ -21,7 +21,7 @@
letter-spacing: 1px; letter-spacing: 1px;
margin: 0px 15px; margin: 0px 15px;
padding: 20px 10px; padding: 20px 10px;
@include transition(all, 0.15s, linear); @include transition(all 0.15s linear 0s);
text-transform: lowercase; text-transform: lowercase;
&:hover, &.active { &:hover, &.active {
......
lms/static/sass/multicourse/_account.scss
...@@ -139,7 +139,7 @@ ...@@ -139,7 +139,7 @@
} }
a { a {
@include transition(color 0.15s ease-in-out, border 0.15s ease-in-out); @include transition(color 0.15s ease-in-out 0s, border 0.15s ease-in-out 0s);
&:link, &:visited, &:hover, &:active { &:link, &:visited, &:hover, &:active {
color: $link-color-d1; color: $link-color-d1;
...@@ -259,13 +259,13 @@ ...@@ -259,13 +259,13 @@
} }
label { label {
@include transition(color 0.15s ease-in-out); @include transition(color 0.15s ease-in-out 0s);
margin: 0 0 ($baseline/4) 0; margin: 0 0 ($baseline/4) 0;
color: tint($black, 20%); color: tint($black, 20%);
} }
.tip { .tip {
@include transition(color 0.15s ease-in-out); @include transition(color 0.15s ease-in-out 0s);
display: block; display: block;
margin-top: ($baseline/4); margin-top: ($baseline/4);
color: $lighter-base-font-color; color: $lighter-base-font-color;
......
lms/static/sass/multicourse/_course_about.scss
...@@ -95,7 +95,7 @@ ...@@ -95,7 +95,7 @@
@include clearfix; @include clearfix;
float: left; float: left;
margin-right: flex-gutter(); margin-right: flex-gutter();
@include transition(all, 0.15s, linear); @include transition(all 0.15s linear 0s);
width: flex-grid(12); width: flex-grid(12);
> a.find-courses, a.register { > a.find-courses, a.register {
...@@ -151,7 +151,7 @@ ...@@ -151,7 +151,7 @@
text-align: center; text-align: center;
float: left; float: left;
margin: 1px flex-gutter(8) 0 0; margin: 1px flex-gutter(8) 0 0;
@include transition(); @include transition(none);
width: flex-grid(5, 8); width: flex-grid(5, 8);
} }
...@@ -452,7 +452,7 @@ ...@@ -452,7 +452,7 @@
padding: 6px 10px; padding: 6px 10px;
position: absolute; position: absolute;
text-align: center; text-align: center;
@include transition(all, 0.15s, ease-out); @include transition(all 0.15s ease-out 0s);
top: 65px; top: 65px;
width: 220px; width: 220px;
...@@ -466,7 +466,7 @@ ...@@ -466,7 +466,7 @@
@include inline-block; @include inline-block;
margin-right: 10px; margin-right: 10px;
opacity: 0.5; opacity: 0.5;
@include transition(all, 0.15s, linear); @include transition(all 0.15s linear 0s);
width: 44px; width: 44px;
&:hover { &:hover {
...@@ -530,7 +530,7 @@ ...@@ -530,7 +530,7 @@
height: 19px; height: 19px;
margin: 2px 10px 0 0; margin: 2px 10px 0 0;
opacity: 0.6; opacity: 0.6;
@include transition(all, 0.15s, linear); @include transition(all 0.15s linear 0s);
width: 19px; width: 19px;
&.start { &.start {
......
lms/static/sass/multicourse/_dashboard.scss
...@@ -93,7 +93,7 @@ ...@@ -93,7 +93,7 @@
height: 19px; height: 19px;
margin: 0 6px 0 0; margin: 0 6px 0 0;
opacity: 0.6; opacity: 0.6;
@include transition(all, 0.15s, linear); @include transition(all 0.15s linear 0s);
width: 19px; width: 19px;
&.email-icon { &.email-icon {
...@@ -278,7 +278,7 @@ ...@@ -278,7 +278,7 @@
position: relative; position: relative;
width: flex-grid(12); width: flex-grid(12);
z-index: 20; z-index: 20;
@include transition(all, 0.15s, linear); @include transition(all 0.15s linear 0s);
&:last-child { &:last-child {
margin-bottom: none; margin-bottom: none;
...@@ -292,7 +292,7 @@ ...@@ -292,7 +292,7 @@
margin: 0px; margin: 0px;
overflow: hidden; overflow: hidden;
position: relative; position: relative;
@include transition(all, 0.15s, linear); @include transition(all 0.15s linear 0s);
width: 200px; width: 200px;
height: 120px; height: 120px;
......
lms/static/sass/multicourse/_edge.scss
...@@ -14,7 +14,7 @@ $paleYellow: #fffcf1; ...@@ -14,7 +14,7 @@ $paleYellow: #fffcf1;
text-transform: none; text-transform: none;
letter-spacing: 0; letter-spacing: 0;
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); @include transition(background-color .15s linear 0s, box-shadow .15s linear 0s);
&.disabled { &.disabled {
border: 1px solid $lightGrey !important; border: 1px solid $lightGrey !important;
......
lms/static/sass/multicourse/_home.scss
...@@ -40,7 +40,7 @@ ...@@ -40,7 +40,7 @@
width: flex-grid(6); width: flex-grid(6);
float: left; float: left;
position: relative; position: relative;
@include transition(all, 0.2s, linear); @include transition(all 0.2s linear 0s);
vertical-align: top; vertical-align: top;
&:hover { &:hover {
...@@ -56,7 +56,7 @@ ...@@ -56,7 +56,7 @@
opacity: 1.0; opacity: 1.0;
padding: 20px 30px; padding: 20px 30px;
top: 0px; top: 0px;
@include transition(all, 0.2s, linear); @include transition(all 0.2s linear 0s);
text-align: left; text-align: left;
h1 { h1 {
...@@ -116,7 +116,7 @@ ...@@ -116,7 +116,7 @@
margin-left: -30px; margin-left: -30px;
position: absolute; position: absolute;
top: 50%; top: 50%;
@include transition(all, 0.15s, linear); @include transition(all 0.15s linear 0s);
width: 60px; width: 60px;
&::after { &::after {
...@@ -262,7 +262,7 @@ ...@@ -262,7 +262,7 @@
} }
a { a {
@include transition(all, 0.25s, ease-in-out); @include transition(all 0.25s ease-in-out 0s);
&::before { &::before {
@include background-image(radial-gradient(50% 50%, circle closest-side, rgba(255,255,255, 1) 0%, rgba(255,255,255, 0) 100%)); @include background-image(radial-gradient(50% 50%, circle closest-side, rgba(255,255,255, 1) 0%, rgba(255,255,255, 0) 100%));
...@@ -275,7 +275,7 @@ ...@@ -275,7 +275,7 @@
opacity: 0; opacity: 0;
width: 200px; width: 200px;
position: absolute; position: absolute;
@include transition(all, 0.25s, ease-in-out); @include transition(all 0.25s ease-in-out 0s);
top: 50%; top: 50%;
z-index: 1; z-index: 1;
} }
...@@ -285,7 +285,7 @@ ...@@ -285,7 +285,7 @@
left: 0px; left: 0px;
position: absolute; position: absolute;
text-align: center; text-align: center;
@include transition(all, 0.25s, ease-in-out); @include transition(all 0.25s ease-in-out 0s);
width: 100%; width: 100%;
z-index: 2; z-index: 2;
...@@ -293,7 +293,7 @@ ...@@ -293,7 +293,7 @@
color: $base-font-color; color: $base-font-color;
font: 800 italic 1.4em/1.4em $sans-serif; font: 800 italic 1.4em/1.4em $sans-serif;
text-shadow: 0 1px rgba(255,255,255, 0.6); text-shadow: 0 1px rgba(255,255,255, 0.6);
@include transition(all, 0.15s, ease-in-out); @include transition(all 0.15s ease-in-out 0s);
&:hover { &:hover {
color: $lighter-base-font-color; color: $lighter-base-font-color;
...@@ -303,7 +303,7 @@ ...@@ -303,7 +303,7 @@
img { img {
position: relative; position: relative;
@include transition(all, 0.25s, ease-in-out); @include transition(all 0.25s ease-in-out 0s);
vertical-align: middle; vertical-align: middle;
z-index: 2; z-index: 2;
} }
...@@ -428,7 +428,7 @@ ...@@ -428,7 +428,7 @@
float: left; float: left;
margin-right: flex-gutter(); margin-right: flex-gutter();
padding: 10px; padding: 10px;
@include transition(all, 0.15s, linear); @include transition(all 0.15s linear 0s);
width: flex-grid(4); width: flex-grid(4);
&:hover { &:hover {
......
lms/static/sass/multicourse/_media-kit.scss
...@@ -58,7 +58,7 @@ $white: rgb(255,255,255); ...@@ -58,7 +58,7 @@ $white: rgb(255,255,255);
color: $blue; color: $blue;
font-family: $sans-serif; font-family: $sans-serif;
text-decoration: none; text-decoration: none;
@include transition(all, 0.1s, linear); @include transition(all 0.1s linear 0s);
.note { .note {
position: relative; position: relative;
...@@ -66,7 +66,7 @@ $white: rgb(255,255,255); ...@@ -66,7 +66,7 @@ $white: rgb(255,255,255);
font-family: $sans-serif; font-family: $sans-serif;
font-size: 13px; font-size: 13px;
text-decoration: none; text-decoration: none;
@include transition(all, 0.1s, linear); @include transition(all 0.1s linear 0s);
&:before { &:before {
position: relative; position: relative;
......
lms/static/sass/multicourse/_testcenter-register.scss
...@@ -219,7 +219,7 @@ ...@@ -219,7 +219,7 @@
label { label {
margin: 0 0 ($baseline/4) 0; margin: 0 0 ($baseline/4) 0;
@include transition(color, 0.15s, ease-in-out); @include transition(color 0.15s ease-in-out 0s);
&.is-focused { &.is-focused {
color: $blue; color: $blue;
...@@ -406,7 +406,7 @@ ...@@ -406,7 +406,7 @@
} }
.details, .item, .instructions { .details, .item, .instructions {
@include transition(opacity, 0.10s, ease-in-out); @include transition(opacity 0.10s ease-in-out 0s);
font-size: 13px; font-size: 13px;
opacity: 0.65; opacity: 0.65;
} }
......
lms/static/sass/shared/_course_object.scss
...@@ -39,7 +39,7 @@ ...@@ -39,7 +39,7 @@
margin-bottom: 30px; margin-bottom: 30px;
position: relative; position: relative;
width: 100%; width: 100%;
@include transition(all, 0.15s, linear); @include transition(all 0.15s linear 0s);
.status { .status {
background: $link-color; background: $link-color;
...@@ -84,7 +84,7 @@ ...@@ -84,7 +84,7 @@
@include clearfix; @include clearfix;
position: absolute; position: absolute;
right: -4px; right: -4px;
@include transition(all, 0.15s, linear); @include transition(all 0.15s linear 0s);
p { p {
color: rgb(255,255,255); color: rgb(255,255,255);
......
lms/static/sass/shared/_footer.scss
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
} }
a { a {
@include transition(link-color 0.15s ease-in-out, border 0.15s ease-in-out); @include transition(link-color 0.15s ease-in-out 0s, border 0.15s ease-in-out 0s);
&:link, &:visited, &:hover, &:active { &:link, &:visited, &:hover, &:active {
border-bottom: none; border-bottom: none;
......
lms/static/sass/shared/_header.scss
...@@ -145,7 +145,7 @@ header.global { ...@@ -145,7 +145,7 @@ header.global {
overflow: hidden; overflow: hidden;
position: absolute; position: absolute;
top: 4px; top: 4px;
@include transition(all, 0.15s, linear); @include transition(all 0.15s linear 0s);
width: 26px; width: 26px;
} }
...@@ -213,7 +213,7 @@ header.global { ...@@ -213,7 +213,7 @@ header.global {
overflow: hidden; overflow: hidden;
padding: 3px 5px 4px; padding: 3px 5px 4px;
text-overflow: ellipsis; text-overflow: ellipsis;
@include transition(padding, 0.15s, linear); @include transition(padding 0.15s linear 0s);
white-space: nowrap; white-space: nowrap;
width: 100%; width: 100%;
......
lms/static/sass/shared/_modal.scss
...@@ -289,7 +289,7 @@ ...@@ -289,7 +289,7 @@
font: normal 1.2rem/1.2rem $sans-serif; font: normal 1.2rem/1.2rem $sans-serif;
text-align: center; text-align: center;
text-shadow: 0 1px rgba(255,255,255, 0.8); text-shadow: 0 1px rgba(255,255,255, 0.8);
@include transition(all, 0.15s, ease-out); @include transition(all 0.15s ease-out 0s);
} }
} }
......
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