flow/datamad2017
1
0
Fork 0
mirror of https://github.com/medialab-prado/datamad2017.git synced 2025-06-08 06:21:29 +02:00
Code Issues Projects Releases Wiki Activity

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

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

87
_sass/vendor/animations/bounce-enter/_bounceIn.scss vendored Normal file
View file

@ -0,0 +1,87 @@
@if $use-bounceIn == true {
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(0.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
}
70% {
-webkit-transform: scale(0.9);
}
100% {
-webkit-transform: scale(1);
}
}
@-moz-keyframes bounceIn {
0% {
opacity: 0;
-moz-transform: scale(0.3);
}
50% {
opacity: 1;
-moz-transform: scale(1.05);
}
70% {
-moz-transform: scale(0.9);
}
100% {
-moz-transform: scale(1);
}
}
@-o-keyframes bounceIn {
0% {
opacity: 0;
-o-transform: scale(0.3);
}
50% {
opacity: 1;
-o-transform: scale(1.05);
}
70% {
-o-transform: scale(0.9);
}
100% {
-o-transform: scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
transform: scale(0.3);
}
50% {
opacity: 1;
transform: scale(1.05);
}
70% {
transform: scale(0.9);
}
100% {
transform: scale(1);
}
}
.bounceIn {
@include animate-prefixer(animation-name, bounceIn);
}
}

85
_sass/vendor/animations/bounce-enter/_bounceInDown.scss vendored Normal file
View file

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

86
_sass/vendor/animations/bounce-enter/_bounceInLeft.scss vendored Normal file
View file

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

86
_sass/vendor/animations/bounce-enter/_bounceInRight.scss vendored Normal file
View file

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

86
_sass/vendor/animations/bounce-enter/_bounceInUp.scss vendored Normal file
View file

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