Skip to content

E
edx-platform
Commit 72e1fab1 by marco
Options

SASS variable and naming standards sync-up based on @talbs feedback completed

parent 6c06599d
Showing with 133 additions and 155 deletions
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: '▾';
......
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 {
......
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));
}
}
......
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 {
......
cms/static/sass/elements/_system-feedback.scss
......@@ -627,7 +627,7 @@
pointer-events: none;
.prompt {
opacity: 0;
opacity: 0.0;
}
}
......
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;
......
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 {
......
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);
......
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;
}
}
}
......
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 {
......
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 {
......
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 {
......
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;
}
}
......
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;
......
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);
}
}
......
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;
}
......
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 {
......
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 {
......
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;
}
}
......
lms/static/sass/multicourse/_dashboard.scss
......@@ -74,7 +74,7 @@
&:hover {
.title .icon {
opacity: 1;
opacity: 1.0;
}
}
......
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 {
......
lms/static/sass/shared/_course_object.scss
......@@ -117,7 +117,7 @@
.info-link {
color: $link-color;
opacity: 1;
opacity: 1.0;
}
h2 {
......
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