mirror of
https://github.com/medialab-prado/datamad2017.git
synced 2025-06-08 06:21:29 +02:00
CSS files converted to Sass. Some style fixes. Created file with sponsors.
This commit is contained in:
parent
1a5c529669
commit
a45174a1e4
851 changed files with 19814 additions and 5533 deletions
52
_sass/vendor/animations/flippers/_flipOutX.scss
vendored
Normal file
52
_sass/vendor/animations/flippers/_flipOutX.scss
vendored
Normal file
|
@ -0,0 +1,52 @@
|
|||
@if $use-flipOutX == true {
|
||||
|
||||
@-webkit-keyframes flipOutX {
|
||||
0% {
|
||||
-webkit-transform: perspective($flipper-perspective) rotateX(0deg);
|
||||
opacity: 1;
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: perspective($flipper-perspective) rotateX($flipper-degrees-max);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes flipOutX {
|
||||
0% {
|
||||
-moz-transform: perspective($flipper-perspective) rotateX(0deg);
|
||||
opacity: 1;
|
||||
}
|
||||
100% {
|
||||
-moz-transform: perspective($flipper-perspective) rotateX($flipper-degrees-max);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes flipOutX {
|
||||
0% {
|
||||
-o-transform: perspective($flipper-perspective) rotateX(0deg);
|
||||
opacity: 1;
|
||||
}
|
||||
100% {
|
||||
-o-transform: perspective($flipper-perspective) rotateX($flipper-degrees-max);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes flipOutX {
|
||||
0% {
|
||||
transform: perspective($flipper-perspective) rotateX(0deg);
|
||||
opacity: 1;
|
||||
}
|
||||
100% {
|
||||
transform: perspective($flipper-perspective) rotateX($flipper-degrees-max);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.flipOutX {
|
||||
@include animate-prefixer(animation-name, flipOutX);
|
||||
@include animate-prefixer(backface-visibility, visible !important);
|
||||
}
|
||||
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue