mirror of
https://github.com/medialab-prado/datamad2017.git
synced 2025-06-07 22:11: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
12
_sass/vendor/animations/fade-exit/_fadeOut.scss
vendored
Normal file
12
_sass/vendor/animations/fade-exit/_fadeOut.scss
vendored
Normal file
|
@ -0,0 +1,12 @@
|
|||
@if $use-fadeOut == true {
|
||||
|
||||
@include animate-keyframe(fadeOut) {
|
||||
0% {opacity: 1;}
|
||||
100% {opacity: 0;}
|
||||
}
|
||||
|
||||
.fadeOut {
|
||||
@include animate-prefixer(animation-name, fadeOut);
|
||||
}
|
||||
|
||||
}
|
54
_sass/vendor/animations/fade-exit/_fadeOutDown.scss
vendored
Normal file
54
_sass/vendor/animations/fade-exit/_fadeOutDown.scss
vendored
Normal file
|
@ -0,0 +1,54 @@
|
|||
@if $use-fadeOutDown == true {
|
||||
|
||||
@-webkit-keyframes fadeOutDown {
|
||||
0% {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateY(0);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateY($base-distance * 2);
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes fadeOutDown {
|
||||
0% {
|
||||
opacity: 1;
|
||||
-moz-transform: translateY(0);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
-moz-transform: translateY($base-distance * 2);
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes fadeOutDown {
|
||||
0% {
|
||||
opacity: 1;
|
||||
-o-transform: translateY(0);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
-o-transform: translateY($base-distance * 2);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fadeOutDown {
|
||||
0% {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
transform: translateY($base-distance * 2);
|
||||
}
|
||||
}
|
||||
|
||||
.fadeOutDown {
|
||||
@include animate-prefixer(animation-name, fadeOutDown);
|
||||
}
|
||||
}
|
54
_sass/vendor/animations/fade-exit/_fadeOutDownBig.scss
vendored
Normal file
54
_sass/vendor/animations/fade-exit/_fadeOutDownBig.scss
vendored
Normal file
|
@ -0,0 +1,54 @@
|
|||
@if $use-fadeOutDownBig == true {
|
||||
|
||||
@-webkit-keyframes fadeOutDownBig {
|
||||
0% {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateY(0);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateY($base-distance-big * 2);
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes fadeOutDownBig {
|
||||
0% {
|
||||
opacity: 1;
|
||||
-moz-transform: translateY(0);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
-moz-transform: translateY($base-distance-big * 2);
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes fadeOutDownBig {
|
||||
0% {
|
||||
opacity: 1;
|
||||
-o-transform: translateY(0);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
-o-transform: translateY($base-distance-big * 2);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fadeOutDownBig {
|
||||
0% {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
transform: translateY($base-distance-big * 2);
|
||||
}
|
||||
}
|
||||
|
||||
.fadeOutDownBig {
|
||||
@include animate-prefixer(animation-name, fadeOutDownBig);
|
||||
}
|
||||
}
|
55
_sass/vendor/animations/fade-exit/_fadeOutLeft.scss
vendored
Normal file
55
_sass/vendor/animations/fade-exit/_fadeOutLeft.scss
vendored
Normal file
|
@ -0,0 +1,55 @@
|
|||
@if $use-fadeOutLeft == true {
|
||||
|
||||
@-webkit-keyframes fadeOutLeft {
|
||||
0% {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateX(0);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateX(-$base-distance * 2);
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes fadeOutLeft {
|
||||
0% {
|
||||
opacity: 1;
|
||||
-moz-transform: translateX(0);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
-moz-transform: translateX(-$base-distance * 2);
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes fadeOutLeft {
|
||||
0% {
|
||||
opacity: 1;
|
||||
-o-transform: translateX(0);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
-o-transform: translateX(-$base-distance * 2);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fadeOutLeft {
|
||||
0% {
|
||||
opacity: 1;
|
||||
transform: translateX(0);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
transform: translateX(-$base-distance * 2);
|
||||
}
|
||||
}
|
||||
|
||||
.fadeOutLeft {
|
||||
@include animate-prefixer(animation-name, fadeOutLeft);
|
||||
}
|
||||
|
||||
}
|
55
_sass/vendor/animations/fade-exit/_fadeOutLeftBig.scss
vendored
Normal file
55
_sass/vendor/animations/fade-exit/_fadeOutLeftBig.scss
vendored
Normal file
|
@ -0,0 +1,55 @@
|
|||
@if $use-fadeOutLeftBig == true {
|
||||
|
||||
@-webkit-keyframes fadeOutLeftBig {
|
||||
0% {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateX(0);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateX(-$base-distance-big * 2);
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes fadeOutLeftBig {
|
||||
0% {
|
||||
opacity: 1;
|
||||
-moz-transform: translateX(0);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
-moz-transform: translateX(-$base-distance-big * 2);
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes fadeOutLeftBig {
|
||||
0% {
|
||||
opacity: 1;
|
||||
-o-transform: translateX(0);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
-o-transform: translateX(-$base-distance-big * 2);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fadeOutLeftBig {
|
||||
0% {
|
||||
opacity: 1;
|
||||
transform: translateX(0);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
transform: translateX(-$base-distance-big * 2);
|
||||
}
|
||||
}
|
||||
|
||||
.fadeOutLeftBig {
|
||||
@include animate-prefixer(animation-name, fadeOutLeftBig);
|
||||
}
|
||||
|
||||
}
|
54
_sass/vendor/animations/fade-exit/_fadeOutRight.scss
vendored
Normal file
54
_sass/vendor/animations/fade-exit/_fadeOutRight.scss
vendored
Normal file
|
@ -0,0 +1,54 @@
|
|||
@if $use-fadeOutRight == true {
|
||||
|
||||
@-webkit-keyframes fadeOutRight {
|
||||
0% {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateX(0);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateX($base-distance * 2);
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes fadeOutRight {
|
||||
0% {
|
||||
opacity: 1;
|
||||
-moz-transform: translateX(0);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
-moz-transform: translateX($base-distance * 2);
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes fadeOutRight {
|
||||
0% {
|
||||
opacity: 1;
|
||||
-o-transform: translateX(0);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
-o-transform: translateX($base-distance * 2);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fadeOutRight {
|
||||
0% {
|
||||
opacity: 1;
|
||||
transform: translateX(0);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
transform: translateX($base-distance * 2);
|
||||
}
|
||||
}
|
||||
|
||||
.fadeOutRight {
|
||||
@include animate-prefixer(animation-name, fadeOutRight);
|
||||
}
|
||||
}
|
54
_sass/vendor/animations/fade-exit/_fadeOutRightBig.scss
vendored
Normal file
54
_sass/vendor/animations/fade-exit/_fadeOutRightBig.scss
vendored
Normal file
|
@ -0,0 +1,54 @@
|
|||
@if $use-fadeOutRightBig == true {
|
||||
|
||||
@-webkit-keyframes fadeOutRightBig {
|
||||
0% {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateX(0);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateX($base-distance-big * 2);
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes fadeOutRightBig {
|
||||
0% {
|
||||
opacity: 1;
|
||||
-moz-transform: translateX(0);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
-moz-transform: translateX($base-distance-big * 2);
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes fadeOutRightBig {
|
||||
0% {
|
||||
opacity: 1;
|
||||
-o-transform: translateX(0);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
-o-transform: translateX($base-distance-big * 2);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fadeOutRightBig {
|
||||
0% {
|
||||
opacity: 1;
|
||||
transform: translateX(0);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
transform: translateX($base-distance-big * 2);
|
||||
}
|
||||
}
|
||||
|
||||
.fadeOutRightBig {
|
||||
@include animate-prefixer(animation-name, fadeOutRightBig);
|
||||
}
|
||||
}
|
55
_sass/vendor/animations/fade-exit/_fadeOutUp.scss
vendored
Normal file
55
_sass/vendor/animations/fade-exit/_fadeOutUp.scss
vendored
Normal file
|
@ -0,0 +1,55 @@
|
|||
@if $use-fadeOutUp == true {
|
||||
|
||||
@-webkit-keyframes fadeOutUp {
|
||||
0% {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateY(0);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateY(-$base-distance * 2);
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes fadeOutUp {
|
||||
0% {
|
||||
opacity: 1;
|
||||
-moz-transform: translateY(0);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
-moz-transform: translateY(-$base-distance * 2);
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes fadeOutUp {
|
||||
0% {
|
||||
opacity: 1;
|
||||
-o-transform: translateY(0);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
-o-transform: translateY(-$base-distance * 2);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fadeOutUp {
|
||||
0% {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
transform: translateY(-$base-distance * 2);
|
||||
}
|
||||
}
|
||||
|
||||
.fadeOutUp {
|
||||
@include animate-prefixer(animation-name, fadeOutUp);
|
||||
}
|
||||
|
||||
}
|
55
_sass/vendor/animations/fade-exit/_fadeOutUpBig.scss
vendored
Normal file
55
_sass/vendor/animations/fade-exit/_fadeOutUpBig.scss
vendored
Normal file
|
@ -0,0 +1,55 @@
|
|||
@if $use-fadeOutUpBig == true {
|
||||
|
||||
@-webkit-keyframes fadeOutUpBig {
|
||||
0% {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateY(0);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateY(-$base-distance-big * 2);
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes fadeOutUpBig {
|
||||
0% {
|
||||
opacity: 1;
|
||||
-moz-transform: translateY(0);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
-moz-transform: translateY(-$base-distance-big * 2);
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes fadeOutUpBig {
|
||||
0% {
|
||||
opacity: 1;
|
||||
-o-transform: translateY(0);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
-o-transform: translateY(-$base-distance-big * 2);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fadeOutUpBig {
|
||||
0% {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
transform: translateY(-$base-distance-big * 2);
|
||||
}
|
||||
}
|
||||
|
||||
.fadeOutUpBig {
|
||||
@include animate-prefixer(animation-name, fadeOutUpBig);
|
||||
}
|
||||
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue