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

38
_sass/vendor/animations/special/_hinge.scss vendored Normal file
View file

@ -0,0 +1,38 @@
@if $use-hinge == true {
@-webkit-keyframes hinge {
0% { -webkit-transform: rotate(0); -webkit-transform-origin: $hinge-origin; -webkit-animation-timing-function: $base-timing-function-in-out; }
20%, 60% { -webkit-transform: rotate($hinge-degrees-max); -webkit-transform-origin: $hinge-origin; -webkit-animation-timing-function: $base-timing-function-in-out; }
40% { -webkit-transform: rotate($base-degrees * 2); -webkit-transform-origin: $hinge-origin; -webkit-animation-timing-function: $base-timing-function-in-out; }
80% { -webkit-transform: rotate($base-degrees * 2) translateY(0); opacity: 1; -webkit-transform-origin: $hinge-origin; -webkit-animation-timing-function: $base-timing-function-in-out; }
100% { -webkit-transform: translateY($hinge-translate); opacity: 0; }
}
@-moz-keyframes hinge {
0% { -moz-transform: rotate(0); -moz-transform-origin: $hinge-origin; -moz-animation-timing-function: $base-timing-function-in-out; }
20%, 60% { -moz-transform: rotate($hinge-degrees-max); -moz-transform-origin: $hinge-origin; -moz-animation-timing-function: $base-timing-function-in-out; }
40% { -moz-transform: rotate($base-degrees * 2); -moz-transform-origin: $hinge-origin; -moz-animation-timing-function: $base-timing-function-in-out; }
80% { -moz-transform: rotate($base-degrees * 2) translateY(0); opacity: 1; -moz-transform-origin: $hinge-origin; -moz-animation-timing-function: $base-timing-function-in-out; }
100% { -moz-transform: translateY($hinge-translate); opacity: 0; }
}
@-o-keyframes hinge {
0% { -o-transform: rotate(0); -o-transform-origin: $hinge-origin; -o-animation-timing-function: $base-timing-function-in-out; }
20%, 60% { -o-transform: rotate($hinge-degrees-max); -o-transform-origin: $hinge-origin; -o-animation-timing-function: $base-timing-function-in-out; }
40% { -o-transform: rotate($base-degrees * 2); -o-transform-origin: $hinge-origin; -o-animation-timing-function: $base-timing-function-in-out; }
80% { -o-transform: rotate($base-degrees * 2) translateY(0); opacity: 1; -o-transform-origin: $hinge-origin; -o-animation-timing-function: $base-timing-function-in-out; }
100% { -o-transform: translateY($hinge-translate); opacity: 0; }
}
@keyframes hinge {
0% { transform: rotate(0); transform-origin: $hinge-origin; animation-timing-function: $base-timing-function-in-out; }
20%, 60% { transform: rotate($hinge-degrees-max); transform-origin: $hinge-origin; animation-timing-function: $base-timing-function-in-out; }
40% { transform: rotate($base-degrees * 2); transform-origin: $hinge-origin; animation-timing-function: $base-timing-function-in-out; }
80% { transform: rotate($base-degrees * 2) translateY(0); opacity: 1; transform-origin: $hinge-origin; animation-timing-function: $base-timing-function-in-out; }
100% { transform: translateY($hinge-translate); opacity: 0; }
}
.hinge {
@include animate-prefixer(animation-name, hinge);
}
}

29
_sass/vendor/animations/special/_rollIn.scss vendored Normal file
View file

@ -0,0 +1,29 @@
@if $use-rollIn == true {
// originally authored by Nick Pettit - https://github.com/nickpettit/glide
@-webkit-keyframes rollIn {
0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-$base-degrees * 4); }
100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); }
}
@-moz-keyframes rollIn {
0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-$base-degrees * 4); }
100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); }
}
@-o-keyframes rollIn {
0% { opacity: 0; -o-transform: translateX(-100%) rotate(-$base-degrees * 4); }
100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); }
}
@keyframes rollIn {
0% { opacity: 0; transform: translateX(-100%) rotate(-$base-degrees * 4); }
100% { opacity: 1; transform: translateX(0px) rotate(0deg); }
}
.rollIn {
@include animate-prefixer(animation-name, rollIn);
}
}

57
_sass/vendor/animations/special/_rollOut.scss vendored Normal file
View 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);
}
}