From 72e1fab1c4c399bf932fb62c7ec2ca3cb336f120 Mon Sep 17 00:00:00 2001 From: marco Date: Fri, 31 May 2013 12:40:40 -0400 Subject: [PATCH] SASS variable and naming standards sync-up based on @talbs feedback completed --- cms/static/sass/_base.scss | 2 +- cms/static/sass/_reset.scss | 4 +- cms/static/sass/assets/_anims.scss | 12 +- cms/static/sass/elements/_header.scss | 4 +- .../sass/elements/_system-feedback.scss | 2 +- cms/static/sass/views/_checklists.scss | 4 +- cms/static/sass/views/_dashboard.scss | 2 +- cms/static/sass/views/_index.scss | 2 +- cms/static/sass/views/_settings.scss | 4 +- cms/static/sass/views/_unit.scss | 118 +++++++----------- .../xmodule/xmodule/css/sequence/display.scss | 12 +- .../xmodule/xmodule/css/video/display.scss | 18 +-- .../xmodule/css/videoalpha/display.scss | 18 +-- lms/static/sass/_discussion.scss | 26 ++-- lms/static/sass/base/_animations.scss | 24 ++-- lms/static/sass/course/_textbook.scss | 8 +- .../sass/course/courseware/_sidebar.scss | 6 +- .../sass/course/layout/_calculator.scss | 4 +- lms/static/sass/ie.scss | 4 +- .../sass/multicourse/_course_about.scss | 6 +- lms/static/sass/multicourse/_dashboard.scss | 2 +- lms/static/sass/multicourse/_home.scss | 4 +- lms/static/sass/shared/_course_object.scss | 2 +- 23 files changed, 133 insertions(+), 155 deletions(-) diff --git a/cms/static/sass/_base.scss b/cms/static/sass/_base.scss index 8f07ab34bc..e0e7543b8e 100644 --- a/cms/static/sass/_base.scss +++ b/cms/static/sass/_base.scss @@ -814,7 +814,7 @@ hr.divide { line-height: 26px; color: $white; pointer-events: none; - opacity: 0; + opacity: 0.0; &:after { content: '▾'; diff --git a/cms/static/sass/_reset.scss b/cms/static/sass/_reset.scss index dd088d256d..a4ac2b7f8c 100644 --- a/cms/static/sass/_reset.scss +++ b/cms/static/sass/_reset.scss @@ -149,11 +149,11 @@ abbr[title] { margin-left: 20px; } li { - opacity: .8; + opacity: 0.8; &:ui-state-active { background-color: rgba(255, 255, 255, .3); - opacity: 1; + opacity: 1.0; font-weight: 400; } a:focus { diff --git a/cms/static/sass/assets/_anims.scss b/cms/static/sass/assets/_anims.scss index b01752e214..41530ef721 100644 --- a/cms/static/sass/assets/_anims.scss +++ b/cms/static/sass/assets/_anims.scss @@ -95,12 +95,12 @@ // bounce in @mixin bounceIn { 0% { - opacity: 0; + opacity: 0.0; @include transform(scale(0.3)); } 50% { - opacity: 1; + opacity: 1.0; @include transform(scale(1.05)); } @@ -128,12 +128,12 @@ // bounce in @mixin bounceOut { 0% { - opacity: 0; + opacity: 0.0; @include transform(scale(0.3)); } 50% { - opacity: 1; + opacity: 1.0; @include transform(scale(1.05)); } @@ -146,12 +146,12 @@ } 50% { - opacity: 1; + opacity: 1.0; @include transform(scale(1.05)); } 100% { - opacity: 0; + opacity: 0.0; @include transform(scale(0.3)); } } diff --git a/cms/static/sass/elements/_header.scss b/cms/static/sass/elements/_header.scss index 2ada3163eb..247bb35b81 100644 --- a/cms/static/sass/elements/_header.scss +++ b/cms/static/sass/elements/_header.scss @@ -243,7 +243,7 @@ left: -7px; top: 47px; width: 140px; - opacity: 0; + opacity: 0.0; pointer-events: none; } @@ -558,7 +558,7 @@ body.signin .nav-not-signedin-signup { .wrapper-nav-sub { @include transition (opacity 1.0s ease-in-out 0s); - opacity: 0; + opacity: 0.0; pointer-events: none; &.is-shown { diff --git a/cms/static/sass/elements/_system-feedback.scss b/cms/static/sass/elements/_system-feedback.scss index 3360601821..69eccf4f34 100644 --- a/cms/static/sass/elements/_system-feedback.scss +++ b/cms/static/sass/elements/_system-feedback.scss @@ -627,7 +627,7 @@ pointer-events: none; .prompt { - opacity: 0; + opacity: 0.0; } } diff --git a/cms/static/sass/views/_checklists.scss b/cms/static/sass/views/_checklists.scss index c7d91eb80d..91f573dd46 100644 --- a/cms/static/sass/views/_checklists.scss +++ b/cms/static/sass/views/_checklists.scss @@ -254,7 +254,7 @@ body.course.checklists { .task-support { @extend .t-copy-sub2; @include transition(opacity .15s .25s ease-in-out); - opacity: 0; + opacity: 0.0; pointer-events: none; } } @@ -267,7 +267,7 @@ body.course.checklists { float: right; width: flex-grid(2,9); margin: ($baseline/2) 0 0 flex-gutter(); - opacity: 0; + opacity: 0.0; pointer-events: none; text-align: right; diff --git a/cms/static/sass/views/_dashboard.scss b/cms/static/sass/views/_dashboard.scss index a02c4e0c29..fa9f385b83 100644 --- a/cms/static/sass/views/_dashboard.scss +++ b/cms/static/sass/views/_dashboard.scss @@ -59,7 +59,7 @@ body.dashboard { top: 15px; right: $baseline; padding: ($baseline/4) ($baseline/2); - opacity: 0; + opacity: 0.0; pointer-events: none; &:hover { diff --git a/cms/static/sass/views/_index.scss b/cms/static/sass/views/_index.scss index b8aaa773ef..cb6df23c3c 100644 --- a/cms/static/sass/views/_index.scss +++ b/cms/static/sass/views/_index.scss @@ -162,7 +162,7 @@ body.index { position: absolute; bottom: -30px; right: ($baseline/2); - opacity: 0; + opacity: 0.0; [class^="icon-"] { @include font-size(18); diff --git a/cms/static/sass/views/_settings.scss b/cms/static/sass/views/_settings.scss index f2ab9ac689..735774511f 100644 --- a/cms/static/sass/views/_settings.scss +++ b/cms/static/sass/views/_settings.scss @@ -703,7 +703,7 @@ body.course.settings { .tip { @include transition (opacity 0.5s ease-in-out 0s); - opacity: 0; + opacity: 0.0; position: absolute; bottom: ($baseline*1.25); } @@ -718,7 +718,7 @@ body.course.settings { input.error { & + .tip { - opacity: 0; + opacity: 0.0; } } } diff --git a/cms/static/sass/views/_unit.scss b/cms/static/sass/views/_unit.scss index 3fa9663e77..c8001f3e1c 100644 --- a/cms/static/sass/views/_unit.scss +++ b/cms/static/sass/views/_unit.scss @@ -13,10 +13,6 @@ body.course.unit { } //end problem selector reqs - - // Unit Page Main Column - // ==================== - .main-column { clear: both; float: left; @@ -28,18 +24,15 @@ body.course.unit { border: none; .rendered-component { - padding: 0 20px; + padding: 0 $baseline; } } } .unit-body { - // Unit Page Name - // ==================== - .unit-name-input { - padding: 20px 40px; + padding: $baseline 2*$baseline; label { display: block; @@ -80,17 +73,15 @@ body.course.unit { letter-spacing: 1px; text-transform: uppercase; } + // ==================== // Component List Meta - // ==================== - // TODO: clean up organization of this page, to many levels/duplication - .components { > li { position: relative; z-index: 10; - margin: 20px 40px; + margin: $baseline 2*$baseline; .title { margin: 0 0 15px 0; @@ -100,26 +91,26 @@ body.course.unit { } } - // New Components // ==================== + // New Components &.new-component-item { - margin: 20px 0px; + margin: $baseline 0px; border-top: 1px solid $mediumGrey; box-shadow: 0 2px 1px rgba(182, 182, 182, 0.75) inset; background-color: $lightGrey; margin-bottom: 0px; - padding-bottom: 20px; + padding-bottom: $baseline; .new-component-button { display: block; - padding: 20px; + padding: $baseline; text-align: center; color: #edf1f5; } h5 { - margin: 20px 0px; + margin: $baseline 0px; color: #fff; font-weight: 600; font-size: 18px; @@ -144,7 +135,7 @@ body.course.unit { height: 100px; color: #fff; margin-right: 15px; - margin-bottom: 20px; + margin-bottom: $baseline; border-radius: 8px; font-size: 15px; line-height: 14px; @@ -156,7 +147,7 @@ body.course.unit { bottom: 5px; left: 0; width: 100%; - padding: 10px; + padding: $baseline/2; @include box-sizing(border-box); color: #fff; } @@ -165,7 +156,7 @@ body.course.unit { .new-component-templates { display: none; - margin: 20px 40px 20px 40px; + margin: $baseline 2*$baseline; border-radius: 3px; border: 1px solid $mediumGrey; background-color: #fff; @@ -173,7 +164,7 @@ body.course.unit { @include clearfix; .cancel-button { - margin: 20px 0px 10px 10px; + margin: $baseline 0px $baseline/2 $baseline/2; @include white-button; } @@ -183,7 +174,7 @@ body.course.unit { // specific menu types &.new-component-problem { - padding-bottom:10px; + padding-bottom: $baseline/2; [class^="icon-"], .editor-indicator { display: inline-block; @@ -220,7 +211,7 @@ body.course.unit { @include 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; + margin-left: $baseline; } li { @@ -231,17 +222,17 @@ body.course.unit { @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); - opacity:.8; + opacity: 0.8; &:hover { - opacity:.9; + opacity: 0.9; background-color: tint($lightBluishGrey, 20%); } &.ui-state-active { border: 0px; @include active; - opacity:1; + opacity: 1.0; } } @@ -292,7 +283,7 @@ body.course.unit { a { @include clearfix(); display: block; - padding: 7px 20px; + padding: 7px $baseline; border-bottom: none; font-weight: 500; @@ -367,9 +358,9 @@ body.course.unit { } } - // Component Drag and Drop, Non-Edit Module Rendering, Styling // ==================== + // Component Drag and Drop, Non-Edit Module Rendering, Styling .component { border: 1px solid $lightBluishGrey2; border-radius: 3px; @@ -416,7 +407,7 @@ body.course.unit { } .xmodule_display { - padding: 40px 20px 20px; + padding: 2*$baseline $baseline $baseline; overflow-x: auto; h1 { @@ -424,10 +415,9 @@ body.course.unit { margin-left: 0; } } - - // Component Editing // ==================== + // Component Editing .wrapper-component-editor { z-index: 9999; position: relative; @@ -442,7 +432,7 @@ body.course.unit { border-radius: 2px 2px 0 0; h3 { - margin-bottom: 10px; + margin-bottom: $baseline/2; font-size: 18px; font-weight: 700; } @@ -460,24 +450,21 @@ body.course.unit { // Module Actions, also used for Static Pages .module-actions { @include box-shadow(inset 0 1px 1px $shadow); - padding: 0px 0 10px 10px; + padding: 0 0 $baseline $baseline; background-color: $gray-l6; .save-button { margin: ($baseline/2) 8px 0 0; } } - - } } } // Edit Header (Component Name, Mode-Editor, Mode-Settings) - .component-edit-header { @include box-sizing(border-box); - padding: 18px 0 18px 20px; + padding: 18px 0 18px $baseline; top: 0; right: 0; background-color: $blue; @@ -580,9 +567,9 @@ body.course.unit { //component-setting-entry .field.comp-setting-entry { background-color: $white; - padding: 20px; + padding: $baseline; border-bottom: 1px solid $gray-l2; - opacity: .8; + opacity: 0.7; &:last-child { //margin-bottom: 0; @@ -601,23 +588,16 @@ body.course.unit { &:hover { @include transition(opacity 0.25s ease-in-out); - opacity: 1; + opacity: 1.0; } &.is-set { - opacity: 1; + opacity: 1.0; background-color: $white; - //setting-label - .setting-label { } - - //setting-input .setting-input { color: $blue-l1; } - - //setting-clear - .setting-clear { } } .wrapper-comp-setting{ @@ -694,11 +674,11 @@ body.course.unit { &:focus { @include box-shadow(0 0 1px $shadow); @include transition(opacity 0.25s ease-in-out); - background-color: #FFFCF1; + background-color: $yellow; } &:active { - background-color: #FFFCF1; + background-color: $yellow; } } @@ -710,7 +690,7 @@ body.course.unit { vertical-align: middle; padding: 5px; border-radius: 50%; - margin: 0 10px; + margin: 0 $baseline/2; box-shadow: none; text-shadow: none; border: 1px solid $gray-l1; @@ -740,10 +720,9 @@ body.course.unit { } } } - -// Editing Units from Courseware // ==================== +// Editing Units from Courseware body.unit { .component { @@ -765,13 +744,12 @@ body.unit { } } } - -// Unit Page Sidebar // ==================== +// Unit Page Sidebar .unit-settings { .window-contents { - padding: 10px 20px; + padding: $baseline/2 $baseline; } .unit-actions { @@ -781,7 +759,7 @@ body.unit { .published-alert { display: none; - padding: 10px; + padding: $baseline/2; border: 1px solid #edbd3c; border-radius: 3px; background: #fbf6e1; @@ -807,7 +785,7 @@ body.unit { .preview-button, .view-button { @include white-button; - margin-bottom: 10px; + margin-bottom: $baseline/2; } .publish-button { @@ -827,7 +805,7 @@ body.unit { .publish-button, .view-button { font-size: 11px; - margin-top: 10px; + margin-top: $baseline/2; padding: 6px 15px 8px; } } @@ -849,7 +827,7 @@ body.unit { li { display: block; - padding: 6px 8px 8px 10px; + padding: 6px 8px 8px $baseline/2; background: #edf1f5; font-size: 12px; @@ -880,7 +858,7 @@ body.unit { .url { @include box-shadow(none); width: 100%; - margin-bottom: 10px; + margin-bottom: $baseline/2; } .draft-tag, @@ -906,11 +884,11 @@ body.unit { ol { .section-item { - padding-left: 20px; + padding-left: $baseline; } .new-unit-item { - margin-left: 20px; + margin-left: $baseline; } } @@ -920,7 +898,7 @@ body.unit { } .new-unit-item { - margin: 0 0 10px 41px; + margin: 0 0 $baseline 41px; } } } @@ -967,23 +945,23 @@ body.unit { display: none; } } +// ==================== // Latex Compiler -// ==================== .launch-latex-compiler { background-color: $white; - padding: 10px 0 10px 20px; + padding: $baseline/2 0 $baseline/2 $baseline; border-bottom: 1px solid $gray-l2; - opacity: .8; + opacity: 0.8; &:hover { @include transition(opacity 0.25s ease-in-out); - opacity: 1; + opacity: 1.0s; } } -//hides latex compiler button if settings mode is-active +// hides latex compiler button if settings mode is-active div.wrapper-comp-editor.is-inactive + div.launch-latex-compiler{ display: none; } diff --git a/common/lib/xmodule/xmodule/css/sequence/display.scss b/common/lib/xmodule/xmodule/css/sequence/display.scss index e006e02773..ed09d5cf0f 100644 --- a/common/lib/xmodule/xmodule/css/sequence/display.scss +++ b/common/lib/xmodule/xmodule/css/sequence/display.scss @@ -170,7 +170,7 @@ nav.sequence-nav { font-family: $sans-serif; line-height: lh(); left: 0px; - opacity: 0; + opacity: 0.0; padding: 6px; position: absolute; top: 48px; @@ -204,7 +204,7 @@ nav.sequence-nav { p { display: block; margin-top: 4px; - opacity: 1; + opacity: 1.0; } } } @@ -248,12 +248,12 @@ nav.sequence-nav { } &:hover { - opacity: .5; + opacity: 0.5; } &.disabled { cursor: normal; - opacity: .4; + opacity: 0.4; } } } @@ -320,12 +320,12 @@ nav.sequence-bottom { outline: 0; &:hover { - opacity: .5; + opacity: 0.5; background-position: center 15px; } &.disabled { - opacity: .4; + opacity: 0.4; } &:focus { diff --git a/common/lib/xmodule/xmodule/css/video/display.scss b/common/lib/xmodule/xmodule/css/video/display.scss index bf575e74a3..f3f76dc0d6 100644 --- a/common/lib/xmodule/xmodule/css/video/display.scss +++ b/common/lib/xmodule/xmodule/css/video/display.scss @@ -41,7 +41,7 @@ div.video { &:hover { ul, div { - opacity: 1; + opacity: 1.0; } } @@ -158,7 +158,7 @@ div.video { ol.video_speeds { display: block; - opacity: 1; + opacity: 1.0; padding: 0; margin: 0; list-style: none; @@ -208,7 +208,7 @@ div.video { } &:hover, &:active, &:focus { - opacity: 1; + opacity: 1.0; background-color: #444; } } @@ -221,7 +221,7 @@ div.video { border: 1px solid #000; bottom: 46px; display: none; - opacity: 0; + opacity: 0.0; position: absolute; width: 133px; z-index: 10; @@ -264,7 +264,7 @@ div.video { &.open { .volume-slider-container { display: block; - opacity: 1; + opacity: 1.0; } } @@ -302,7 +302,7 @@ div.video { border: 1px solid #000; bottom: 46px; display: none; - opacity: 0; + opacity: 0.0; position: absolute; width: 45px; height: 125px; @@ -395,7 +395,7 @@ div.video { font-weight: 800; line-height: 46px; //height of play pause buttons margin-left: 0; - opacity: 1; + opacity: 1.0; padding: 0 lh(.5); position: relative; text-indent: -9999px; @@ -410,7 +410,7 @@ div.video { } &.off { - opacity: .7; + opacity: 0.7; } } } @@ -418,7 +418,7 @@ div.video { &:hover section.video-controls { ul, div { - opacity: 1; + opacity: 1.0; } div.slider { diff --git a/common/lib/xmodule/xmodule/css/videoalpha/display.scss b/common/lib/xmodule/xmodule/css/videoalpha/display.scss index bf575e74a3..f3f76dc0d6 100644 --- a/common/lib/xmodule/xmodule/css/videoalpha/display.scss +++ b/common/lib/xmodule/xmodule/css/videoalpha/display.scss @@ -41,7 +41,7 @@ div.video { &:hover { ul, div { - opacity: 1; + opacity: 1.0; } } @@ -158,7 +158,7 @@ div.video { ol.video_speeds { display: block; - opacity: 1; + opacity: 1.0; padding: 0; margin: 0; list-style: none; @@ -208,7 +208,7 @@ div.video { } &:hover, &:active, &:focus { - opacity: 1; + opacity: 1.0; background-color: #444; } } @@ -221,7 +221,7 @@ div.video { border: 1px solid #000; bottom: 46px; display: none; - opacity: 0; + opacity: 0.0; position: absolute; width: 133px; z-index: 10; @@ -264,7 +264,7 @@ div.video { &.open { .volume-slider-container { display: block; - opacity: 1; + opacity: 1.0; } } @@ -302,7 +302,7 @@ div.video { border: 1px solid #000; bottom: 46px; display: none; - opacity: 0; + opacity: 0.0; position: absolute; width: 45px; height: 125px; @@ -395,7 +395,7 @@ div.video { font-weight: 800; line-height: 46px; //height of play pause buttons margin-left: 0; - opacity: 1; + opacity: 1.0; padding: 0 lh(.5); position: relative; text-indent: -9999px; @@ -410,7 +410,7 @@ div.video { } &.off { - opacity: .7; + opacity: 0.7; } } } @@ -418,7 +418,7 @@ div.video { &:hover section.video-controls { ul, div { - opacity: 1; + opacity: 1.0; } div.slider { diff --git a/lms/static/sass/_discussion.scss b/lms/static/sass/_discussion.scss index 88d3fd88a3..ddfe4a88f1 100644 --- a/lms/static/sass/_discussion.scss +++ b/lms/static/sass/_discussion.scss @@ -85,8 +85,8 @@ } @-webkit-keyframes fadeIn { - 0% { opacity: 0; } - 100% { opacity: 1; } + 0% { opacity: 0.0; } + 100% { opacity: 1.0; } } @@ -736,11 +736,11 @@ body.discussion { &.is-open { .browse-topic-drop-btn span { - opacity: 1; + opacity: 1.0; } .browse-topic-drop-icon { - opacity: 0; + opacity: 0.0; } &.is-dropped { @@ -788,7 +788,7 @@ body.discussion { &::-webkit-input-placeholder, &:-moz-placeholder, &:-ms-input-placeholder { - opacity: 1; + opacity: 1.0; } } } @@ -818,7 +818,7 @@ body.discussion { line-height: 58px; color: #333; text-shadow: 0 1px 0 rgba(255, 255, 255, .8); - opacity: 0; + opacity: 0.0; @include transition(opacity .2s); } } @@ -833,7 +833,7 @@ body.discussion { height: 16px; margin-left: -12px; background: url(../images/browse-icon.png) no-repeat; - opacity: 1; + opacity: 1.0; @include transition(none); } @@ -967,7 +967,7 @@ body.discussion { &::-webkit-input-placeholder, &:-moz-placeholder, &:-ms-input-placeholder { - opacity: 0; + opacity: 0.0; @include transition(opacity .2s); } @@ -2454,7 +2454,7 @@ body.discussion { font-style: italic; cursor:pointer; margin-right: 10px; - opacity:.8; + opacity: 0.8; span { cursor: pointer; @@ -2462,7 +2462,7 @@ body.discussion { &:hover { @include transition(opacity .2s); - opacity: 1; + opacity: 1.0; } } @@ -2475,7 +2475,7 @@ body.discussion { top:-13px; margin-right:35px; margin-top:13px; - opacity: 1; + opacity: 1.0; } .notpinned .icon { @@ -2523,11 +2523,11 @@ display:none; padding-right: 5px; font-style: italic; cursor:pointer; - opacity:.8; + opacity: 0.8; &:hover { @include transition(opacity .2s); - opacity: 1; + opacity: 1.0; } } diff --git a/lms/static/sass/base/_animations.scss b/lms/static/sass/base/_animations.scss index 0c95e6b5af..4c4620ca27 100644 --- a/lms/static/sass/base/_animations.scss +++ b/lms/static/sass/base/_animations.scss @@ -9,12 +9,12 @@ @mixin home-header-pop-up-keyframes { 0% { - opacity: 0; + opacity: 0.0; top: 300px; //@include transform(scale(0.9)); } 45% { - opacity: 1; + opacity: 1.0; } 65% { top: -40px; @@ -43,19 +43,19 @@ @mixin title-appear-keyframes { 0% { - opacity: 0; + opacity: 0.0; top: 60px; @include transform(scale(0.9)); } 20% { - opacity: 1; + opacity: 1.0; } 27% { // this % of total-time should be ~ 1.25s top: 40px; @include transform(scale(1)); } 90% { // this % of total-time is when 2nd half of animation starts - opacity: 1; + opacity: 1.0; top: 40px; @include transform(scale(1)); } @@ -79,24 +79,24 @@ @mixin home-appear-keyframes { 0% { - opacity: 0; + opacity: 0.0; top: 60px; @include transform(scale(0.9)); } 20% { - opacity: 1; + opacity: 1.0; } 30% { // this % of total-time should be ~ 1.25s top: 40px; @include transform(scale(1)); } 80% { // this % of total-time is when 2nd half of animation starts - opacity: 1; + opacity: 1.0; top: 40px; @include transform(scale(1)); } 100% { - opacity: 0; + opacity: 0.0; top: 60px; @include transform(scale(0.7)); } @@ -117,10 +117,10 @@ @mixin edx-appear-keyframes { 0% { - opacity: 0; + opacity: 0.0; } 100% { - opacity: 1; + opacity: 1.0; } } @@ -231,7 +231,7 @@ opacity: 0.9; } 80% { - opacity: 1; + opacity: 1.0; } 100% { bottom: 0px; diff --git a/lms/static/sass/course/_textbook.scss b/lms/static/sass/course/_textbook.scss index 1d72ae3199..83aca09ab6 100644 --- a/lms/static/sass/course/_textbook.scss +++ b/lms/static/sass/course/_textbook.scss @@ -38,7 +38,7 @@ div.book-wrapper { line-height: 2.1em; text-align: right; color: #9a9a9a; - opacity: 0; + opacity: 0.0; @include transition(opacity .15s); } @@ -55,7 +55,7 @@ div.book-wrapper { background-color: transparent; .page-number { - opacity: 1; + opacity: 1.0; } } } @@ -119,7 +119,7 @@ div.book-wrapper { @include box-sizing(border-box); display: table; height: 100%; - opacity: 0; + opacity: 0.0; filter: alpha(opacity=0); text-indent: -9999px; @include transition; @@ -127,7 +127,7 @@ div.book-wrapper { width: 100%; &:hover { - opacity: 1; + opacity: 1.0; filter: alpha(opacity=100); } } diff --git a/lms/static/sass/course/courseware/_sidebar.scss b/lms/static/sass/course/courseware/_sidebar.scss index 6cf6f6a602..24bda451a7 100644 --- a/lms/static/sass/course/courseware/_sidebar.scss +++ b/lms/static/sass/course/courseware/_sidebar.scss @@ -61,7 +61,7 @@ section.course-index { span.ui-icon { left: 0; background-image: url("/static/images/ui-icons_222222_256x240.png"); - opacity: .3; + opacity: 0.3; } } } @@ -146,7 +146,7 @@ section.course-index { @include box-shadow(inset 0 1px 14px 0 rgba(0,0,0, 0.1)); &:after { - opacity: 1; + opacity: 1.0; right: 15px; } } @@ -174,7 +174,7 @@ section.course-index { background: $sidebar-active-image; &:after { - opacity: 1; + opacity: 1.0; right: 15px; } diff --git a/lms/static/sass/course/layout/_calculator.scss b/lms/static/sass/course/layout/_calculator.scss index 2819546f9f..c0a8764a8c 100644 --- a/lms/static/sass/course/layout/_calculator.scss +++ b/lms/static/sass/course/layout/_calculator.scss @@ -27,7 +27,7 @@ div.calc-main { width: 16px; &:hover { - opacity: .8; + opacity: 0.8; } &.closed { @@ -136,7 +136,7 @@ div.calc-main { &.shown { display: block; - opacity: 1; + opacity: 1.0; } dt { diff --git a/lms/static/sass/ie.scss b/lms/static/sass/ie.scss index 4b0f5aa3c0..e03b711bae 100644 --- a/lms/static/sass/ie.scss +++ b/lms/static/sass/ie.scss @@ -26,7 +26,7 @@ header.global { } h2 { - opacity: 1; + opacity: 1.0; } } @@ -51,7 +51,7 @@ header.global { text-decoration: none; &::before { - opacity: 1; + opacity: 1.0; } .name { diff --git a/lms/static/sass/multicourse/_course_about.scss b/lms/static/sass/multicourse/_course_about.scss index 9eab7c0a4f..0008bf1efe 100644 --- a/lms/static/sass/multicourse/_course_about.scss +++ b/lms/static/sass/multicourse/_course_about.scss @@ -429,7 +429,7 @@ &:hover { .sharing-message { - opacity: 1; + opacity: 1.0; top: 56px; } } @@ -470,7 +470,7 @@ width: 44px; &:hover { - opacity: 1; + opacity: 1.0; } img { @@ -514,7 +514,7 @@ &:hover { .icon { - opacity: 1; + opacity: 1.0; } } diff --git a/lms/static/sass/multicourse/_dashboard.scss b/lms/static/sass/multicourse/_dashboard.scss index b173647550..c0dac89199 100644 --- a/lms/static/sass/multicourse/_dashboard.scss +++ b/lms/static/sass/multicourse/_dashboard.scss @@ -74,7 +74,7 @@ &:hover { .title .icon { - opacity: 1; + opacity: 1.0; } } diff --git a/lms/static/sass/multicourse/_home.scss b/lms/static/sass/multicourse/_home.scss index ea8ddaf654..d4def21f5c 100644 --- a/lms/static/sass/multicourse/_home.scss +++ b/lms/static/sass/multicourse/_home.scss @@ -53,7 +53,7 @@ @include box-sizing(border-box); @include inline-block; left: 0px; - opacity: 1; + opacity: 1.0; padding: 20px 30px; top: 0px; @include transition(all, 0.2s, linear); @@ -312,7 +312,7 @@ text-decoration: none; &::before { - opacity: 1; + opacity: 1.0; } .name { diff --git a/lms/static/sass/shared/_course_object.scss b/lms/static/sass/shared/_course_object.scss index f78c483925..bd4a8dc049 100644 --- a/lms/static/sass/shared/_course_object.scss +++ b/lms/static/sass/shared/_course_object.scss @@ -117,7 +117,7 @@ .info-link { color: $link-color; - opacity: 1; + opacity: 1.0; } h2 {