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

84
_sass/vendor/animations/flippers/_flipInX.scss vendored Normal file
View file

@ -0,0 +1,84 @@
@if $use-flipInX == true {
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective($flipper-perspective) rotateX($flipper-degrees-max);
opacity: 0;
}
40% {
-webkit-transform: perspective($flipper-perspective) rotateX(-$flipper-degrees);
}
70% {
-webkit-transform: perspective($flipper-perspective) rotateX($flipper-degrees);
}
100% {
-webkit-transform: perspective($flipper-perspective) rotateX(0deg);
opacity: 1;
}
}
@-moz-keyframes flipInX {
0% {
-moz-transform: perspective($flipper-perspective) rotateX($flipper-degrees-max);
opacity: 0;
}
40% {
-moz-transform: perspective($flipper-perspective) rotateX(-$flipper-degrees);
}
70% {
-moz-transform: perspective($flipper-perspective) rotateX($flipper-degrees);
}
100% {
-moz-transform: perspective($flipper-perspective) rotateX(0deg);
opacity: 1;
}
}
@-o-keyframes flipInX {
0% {
-o-transform: perspective($flipper-perspective) rotateX($flipper-degrees-max);
opacity: 0;
}
40% {
-o-transform: perspective($flipper-perspective) rotateX(-$flipper-degrees);
}
70% {
-o-transform: perspective($flipper-perspective) rotateX($flipper-degrees);
}
100% {
-o-transform: perspective($flipper-perspective) rotateX(0deg);
opacity: 1;
}
}
@keyframes flipInX {
0% {
transform: perspective($flipper-perspective) rotateX($flipper-degrees-max);
opacity: 0;
}
40% {
transform: perspective($flipper-perspective) rotateX(-$flipper-degrees);
}
70% {
transform: perspective($flipper-perspective) rotateX($flipper-degrees);
}
100% {
transform: perspective($flipper-perspective) rotateX(0deg);
opacity: 1;
}
}
.flipInX {
@include animate-prefixer(backface-visibility, visible !important);
@include animate-prefixer(animation-name, flipInX);
}
}