CSS files converted to Sass. Some style fixes. Created file with sponsors.

This commit is contained in:
Oleh Zasadnyy 2014-08-08 01:23:36 +03:00
parent 1a5c529669
commit a45174a1e4
851 changed files with 19814 additions and 5533 deletions

View file

@ -0,0 +1,12 @@
@if $use-fadeOut == true {
@include animate-keyframe(fadeOut) {
0% {opacity: 1;}
100% {opacity: 0;}
}
.fadeOut {
@include animate-prefixer(animation-name, fadeOut);
}
}

View file

@ -0,0 +1,54 @@
@if $use-fadeOutDown == true {
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY($base-distance * 2);
}
}
@-moz-keyframes fadeOutDown {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY($base-distance * 2);
}
}
@-o-keyframes fadeOutDown {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY($base-distance * 2);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY($base-distance * 2);
}
}
.fadeOutDown {
@include animate-prefixer(animation-name, fadeOutDown);
}
}

View file

@ -0,0 +1,54 @@
@if $use-fadeOutDownBig == true {
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY($base-distance-big * 2);
}
}
@-moz-keyframes fadeOutDownBig {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY($base-distance-big * 2);
}
}
@-o-keyframes fadeOutDownBig {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY($base-distance-big * 2);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY($base-distance-big * 2);
}
}
.fadeOutDownBig {
@include animate-prefixer(animation-name, fadeOutDownBig);
}
}

View file

@ -0,0 +1,55 @@
@if $use-fadeOutLeft == true {
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-$base-distance * 2);
}
}
@-moz-keyframes fadeOutLeft {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(-$base-distance * 2);
}
}
@-o-keyframes fadeOutLeft {
0% {
opacity: 1;
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(-$base-distance * 2);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(-$base-distance * 2);
}
}
.fadeOutLeft {
@include animate-prefixer(animation-name, fadeOutLeft);
}
}

View file

@ -0,0 +1,55 @@
@if $use-fadeOutLeftBig == true {
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-$base-distance-big * 2);
}
}
@-moz-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(-$base-distance-big * 2);
}
}
@-o-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(-$base-distance-big * 2);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(-$base-distance-big * 2);
}
}
.fadeOutLeftBig {
@include animate-prefixer(animation-name, fadeOutLeftBig);
}
}

View file

@ -0,0 +1,54 @@
@if $use-fadeOutRight == true {
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX($base-distance * 2);
}
}
@-moz-keyframes fadeOutRight {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX($base-distance * 2);
}
}
@-o-keyframes fadeOutRight {
0% {
opacity: 1;
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX($base-distance * 2);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX($base-distance * 2);
}
}
.fadeOutRight {
@include animate-prefixer(animation-name, fadeOutRight);
}
}

View file

@ -0,0 +1,54 @@
@if $use-fadeOutRightBig == true {
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX($base-distance-big * 2);
}
}
@-moz-keyframes fadeOutRightBig {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX($base-distance-big * 2);
}
}
@-o-keyframes fadeOutRightBig {
0% {
opacity: 1;
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX($base-distance-big * 2);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX($base-distance-big * 2);
}
}
.fadeOutRightBig {
@include animate-prefixer(animation-name, fadeOutRightBig);
}
}

View file

@ -0,0 +1,55 @@
@if $use-fadeOutUp == true {
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-$base-distance * 2);
}
}
@-moz-keyframes fadeOutUp {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(-$base-distance * 2);
}
}
@-o-keyframes fadeOutUp {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(-$base-distance * 2);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(-$base-distance * 2);
}
}
.fadeOutUp {
@include animate-prefixer(animation-name, fadeOutUp);
}
}

View file

@ -0,0 +1,55 @@
@if $use-fadeOutUpBig == true {
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-$base-distance-big * 2);
}
}
@-moz-keyframes fadeOutUpBig {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(-$base-distance-big * 2);
}
}
@-o-keyframes fadeOutUpBig {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(-$base-distance-big * 2);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(-$base-distance-big * 2);
}
}
.fadeOutUpBig {
@include animate-prefixer(animation-name, fadeOutUpBig);
}
}