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,87 @@
@if $use-bounceOut == true {
@-webkit-keyframes bounceOut {
0% {
-webkit-transform: scale(1);
}
25% {
-webkit-transform: scale(0.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(0.3);
}
}
@-moz-keyframes bounceOut {
0% {
-moz-transform: scale(1);
}
25% {
-moz-transform: scale(0.95);
}
50% {
opacity: 1;
-moz-transform: scale(1.1);
}
100% {
opacity: 0;
-moz-transform: scale(0.3);
}
}
@-o-keyframes bounceOut {
0% {
-o-transform: scale(1);
}
25% {
-o-transform: scale(0.95);
}
50% {
opacity: 1;
-o-transform: scale(1.1);
}
100% {
opacity: 0;
-o-transform: scale(0.3);
}
}
@keyframes bounceOut {
0% {
transform: scale(1);
}
25% {
transform: scale(0.95);
}
50% {
opacity: 1;
transform: scale(1.1);
}
100% {
opacity: 0;
transform: scale(0.3);
}
}
.bounceOut {
@include animate-prefixer(animation-name, bounceOut);
}
}

View file

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

View file

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

View file

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

View file

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