Fix failing tests for LESS and SASS

This commit is contained in:
Glavin Wiechert 2015-03-20 14:44:59 -03:00
parent 95dfabed61
commit b5bec0e0a7
4 changed files with 31 additions and 0 deletions

View File

@ -18,6 +18,7 @@ a {
} }
&.green { &.green {
color: @green; color: @green;
&:hover { &:hover {
color: @white; color: @white;
background-color: @green; background-color: @green;

View File

@ -1,6 +1,7 @@
// main: style.less // main: style.less
@import (reference)"variables.less"; @import (reference)"variables.less";
@import (reference)"mixins.less"; @import (reference)"mixins.less";
.modal { .modal {
position: fixed; position: fixed;
height: 100%; height: 100%;
@ -9,6 +10,7 @@
z-index: 10; z-index: 10;
opacity: 0; opacity: 0;
display: none; display: none;
.innerModal { .innerModal {
margin: auto; margin: auto;
background-color: @white; background-color: @white;
@ -18,21 +20,25 @@
-ms-transform: translateY(-100%); -ms-transform: translateY(-100%);
-o-transform: translateY(-100%); -o-transform: translateY(-100%);
transform: translateY(-100%); transform: translateY(-100%);
.fa { .fa {
float: right; float: right;
color: @white; color: @white;
background-color: firebrick; background-color: firebrick;
padding: 5px 7px; padding: 5px 7px;
border-radius: 20px; border-radius: 20px;
&:hover { &:hover {
background-color: lighten(@black, 50%); background-color: lighten(@black, 50%);
cursor: pointer; cursor: pointer;
} }
&:active { &:active {
background-color: lighten(@black, 25%); background-color: lighten(@black, 25%);
} }
} }
} }
&.modal-2text { &.modal-2text {
.innerModal { .innerModal {
width: @container-width; width: @container-width;
@ -41,9 +47,11 @@
padding: 10px 25px; padding: 10px 25px;
background-color: gainsboro; background-color: gainsboro;
border-radius: 4px; border-radius: 4px;
h2 { h2 {
margin: 0 0 7px; margin: 0 0 7px;
} }
div { div {
height: 70%; height: 70%;
overflow-y: scroll; overflow-y: scroll;
@ -51,18 +59,21 @@
padding: 15px; padding: 15px;
border-radius: 4px; border-radius: 4px;
} }
.large-cta { .large-cta {
margin-top: 25px; margin-top: 25px;
} }
} }
} }
} }
#modal-video { #modal-video {
.innerModal { .innerModal {
left: 10%; left: 10%;
margin-top: 30px; margin-top: 30px;
width: 1000px; width: 1000px;
background-color: lighten(@black, 25%); background-color: lighten(@black, 25%);
iframe { iframe {
width: 600px; width: 600px;
height: 340px; height: 340px;
@ -71,69 +82,86 @@
//container //container
> div { > div {
text-align: center; text-align: center;
a { a {
.styleLinks(@white, darken(@white, 10%)); .styleLinks(@white, darken(@white, 10%));
padding: 5px; padding: 5px;
text-transform: uppercase; text-transform: uppercase;
&:hover { &:hover {
background-color: fade(@white, 15%); background-color: fade(@white, 15%);
} }
&:active { &:active {
background-color: fade(@white, 30%); background-color: fade(@white, 30%);
} }
} }
h3 { h3 {
color: @white; color: @white;
font-size: 3em; font-size: 3em;
margin: 20px auto; margin: 20px auto;
} }
button { button {
margin-bottom: 50px; margin-bottom: 50px;
} }
} }
} }
} }
.slideIn { .slideIn {
.animation(SlideIn, 0.5s); .animation(SlideIn, 0.5s);
} }
@-webkit-keyframes SlideIn { @-webkit-keyframes SlideIn {
0% { 0% {
.transform(translateY(-100%)); .transform(translateY(-100%));
} }
100% { 100% {
.transform(translateY(0px)); .transform(translateY(0px));
} }
} }
.fadeIn { .fadeIn {
display: block; display: block;
.animation(FadeIn, 0.5s); .animation(FadeIn, 0.5s);
} }
@-webkit-keyframes FadeIn { @-webkit-keyframes FadeIn {
0% { 0% {
opacity: 0; opacity: 0;
} }
100% { 100% {
opacity: 1; opacity: 1;
} }
} }
.slideOut { .slideOut {
.animation(SlideOut, 0.5s); .animation(SlideOut, 0.5s);
} }
@-webkit-keyframes SlideOut { @-webkit-keyframes SlideOut {
0% { 0% {
.transform(translateY(0%)); .transform(translateY(0%));
} }
100% { 100% {
.transform(translateY(-100%)); .transform(translateY(-100%));
} }
} }
.fadeOut { .fadeOut {
.animation(FadeOut, 0.5s); .animation(FadeOut, 0.5s);
} }
@-webkit-keyframes FadeOut { @-webkit-keyframes FadeOut {
0% { 0% {
opacity: 1; opacity: 1;
} }
100% { 100% {
opacity: 0; opacity: 0;
display: none; display: none;

View File

@ -2,6 +2,7 @@ section#photo-details {
width: 1140px; width: 1140px;
margin: 60px auto 70px; margin: 60px auto 70px;
} }
div.photo-view { div.photo-view {
text-align: center; text-align: center;
figure { figure {

View File

@ -5,6 +5,7 @@
// https://github.com/Glavin001/atom-beautify/issues/180 // https://github.com/Glavin001/atom-beautify/issues/180
.a { .a {
color: #fff; color: #fff;
.b { .b {
color: #999; color: #999;
} }