mirror of
https://github.com/medialab-prado/datamad2017.git
synced 2025-06-08 14:31:28 +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
57
_sass/vendor/animations/special/_rollOut.scss
vendored
Normal file
57
_sass/vendor/animations/special/_rollOut.scss
vendored
Normal file
|
@ -0,0 +1,57 @@
|
|||
@if $use-rollOut == true {
|
||||
|
||||
// originally authored by Nick Pettit - https://github.com/nickpettit/glide
|
||||
|
||||
@-webkit-keyframes rollOut {
|
||||
0% {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateX(0px) rotate(0deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateX(100%) rotate($base-degrees * 4);
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes rollOut {
|
||||
0% {
|
||||
opacity: 1;
|
||||
-moz-transform: translateX(0px) rotate(0deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
-moz-transform: translateX(100%) rotate($base-degrees * 4);
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes rollOut {
|
||||
0% {
|
||||
opacity: 1;
|
||||
-o-transform: translateX(0px) rotate(0deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
-o-transform: translateX(100%) rotate($base-degrees * 4);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes rollOut {
|
||||
0% {
|
||||
opacity: 1;
|
||||
transform: translateX(0px) rotate(0deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
transform: translateX(100%) rotate($base-degrees * 4);
|
||||
}
|
||||
}
|
||||
|
||||
.rollOut {
|
||||
@include animate-prefixer(animation-name, rollOut);
|
||||
}
|
||||
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue