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
12
_sass/vendor/animations/fade-enter/_fadeIn.scss
vendored
Normal file
12
_sass/vendor/animations/fade-enter/_fadeIn.scss
vendored
Normal file
|
@ -0,0 +1,12 @@
|
|||
@if $use-fadeIn == true {
|
||||
|
||||
@include animate-keyframe(fadeIn) {
|
||||
0% {opacity: 0;}
|
||||
100% {opacity: 1;}
|
||||
}
|
||||
|
||||
.fadeIn {
|
||||
@include animate-prefixer(animation-name, fadeIn);
|
||||
}
|
||||
|
||||
}
|
54
_sass/vendor/animations/fade-enter/_fadeInDown.scss
vendored
Normal file
54
_sass/vendor/animations/fade-enter/_fadeInDown.scss
vendored
Normal file
|
@ -0,0 +1,54 @@
|
|||
@if $use-fadeInDown == true {
|
||||
|
||||
@-webkit-keyframes fadeInDown {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateY(-$base-distance * 2);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes fadeInDown {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-moz-transform: translateY(-$base-distance * 2);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
-moz-transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes fadeInDown {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-o-transform: translateY(-$base-distance * 2);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
-o-transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fadeInDown {
|
||||
0% {
|
||||
opacity: 0;
|
||||
transform: translateY(-$base-distance * 2);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
.fadeInDown {
|
||||
@include animate-prefixer(animation-name, fadeInDown);
|
||||
}
|
||||
}
|
54
_sass/vendor/animations/fade-enter/_fadeInDownBig.scss
vendored
Normal file
54
_sass/vendor/animations/fade-enter/_fadeInDownBig.scss
vendored
Normal file
|
@ -0,0 +1,54 @@
|
|||
@if $use-fadeInDownBig == true {
|
||||
|
||||
@-webkit-keyframes fadeInDownBig {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateY(-$base-distance-big * 2);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes fadeInDownBig {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-moz-transform: translateY(-$base-distance-big * 2);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
-moz-transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes fadeInDownBig {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-o-transform: translateY(-$base-distance-big * 2);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
-o-transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fadeInDownBig {
|
||||
0% {
|
||||
opacity: 0;
|
||||
transform: translateY(-$base-distance-big * 2);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
.fadeInDownBig {
|
||||
@include animate-prefixer(animation-name, fadeInDownBig);
|
||||
}
|
||||
}
|
55
_sass/vendor/animations/fade-enter/_fadeInLeft.scss
vendored
Normal file
55
_sass/vendor/animations/fade-enter/_fadeInLeft.scss
vendored
Normal file
|
@ -0,0 +1,55 @@
|
|||
@if $use-fadeInLeft == true {
|
||||
|
||||
@-webkit-keyframes fadeInLeft {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateX(-$base-distance * 2);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateX(0);
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes fadeInLeft {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-moz-transform: translateX(-$base-distance * 2);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
-moz-transform: translateX(0);
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes fadeInLeft {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-o-transform: translateX(-$base-distance * 2);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
-o-transform: translateX(0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fadeInLeft {
|
||||
0% {
|
||||
opacity: 0;
|
||||
transform: translateX(-$base-distance * 2);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
transform: translateX(0);
|
||||
}
|
||||
}
|
||||
|
||||
.fadeInLeft {
|
||||
@include animate-prefixer(animation-name, fadeInLeft);
|
||||
}
|
||||
|
||||
}
|
55
_sass/vendor/animations/fade-enter/_fadeInLeftBig.scss
vendored
Normal file
55
_sass/vendor/animations/fade-enter/_fadeInLeftBig.scss
vendored
Normal file
|
@ -0,0 +1,55 @@
|
|||
@if $use-fadeInLeftBig == true {
|
||||
|
||||
@-webkit-keyframes fadeInLeftBig {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateX(-$base-distance-big * 2);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateX(0);
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes fadeInLeftBig {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-moz-transform: translateX(-$base-distance-big * 2);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
-moz-transform: translateX(0);
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes fadeInLeftBig {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-o-transform: translateX(-$base-distance-big * 2);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
-o-transform: translateX(0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fadeInLeftBig {
|
||||
0% {
|
||||
opacity: 0;
|
||||
transform: translateX(-$base-distance-big * 2);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
transform: translateX(0);
|
||||
}
|
||||
}
|
||||
|
||||
.fadeInLeftBig {
|
||||
@include animate-prefixer(animation-name, fadeInLeftBig);
|
||||
}
|
||||
|
||||
}
|
54
_sass/vendor/animations/fade-enter/_fadeInRight.scss
vendored
Normal file
54
_sass/vendor/animations/fade-enter/_fadeInRight.scss
vendored
Normal file
|
@ -0,0 +1,54 @@
|
|||
@if $use-fadeInRight == true {
|
||||
|
||||
@-webkit-keyframes fadeInRight {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateX($base-distance * 2);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateX(0);
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes fadeInRight {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-moz-transform: translateX($base-distance * 2);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
-moz-transform: translateX(0);
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes fadeInRight {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-o-transform: translateX($base-distance * 2);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
-o-transform: translateX(0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fadeInRight {
|
||||
0% {
|
||||
opacity: 0;
|
||||
transform: translateX($base-distance * 2);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
transform: translateX(0);
|
||||
}
|
||||
}
|
||||
|
||||
.fadeInRight {
|
||||
@include animate-prefixer(animation-name, fadeInRight);
|
||||
}
|
||||
}
|
54
_sass/vendor/animations/fade-enter/_fadeInRightBig.scss
vendored
Normal file
54
_sass/vendor/animations/fade-enter/_fadeInRightBig.scss
vendored
Normal file
|
@ -0,0 +1,54 @@
|
|||
@if $use-fadeInRightBig == true {
|
||||
|
||||
@-webkit-keyframes fadeInRightBig {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateX($base-distance-big * 2);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateX(0);
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes fadeInRightBig {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-moz-transform: translateX($base-distance-big * 2);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
-moz-transform: translateX(0);
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes fadeInRightBig {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-o-transform: translateX($base-distance-big * 2);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
-o-transform: translateX(0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fadeInRightBig {
|
||||
0% {
|
||||
opacity: 0;
|
||||
transform: translateX($base-distance-big * 2);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
transform: translateX(0);
|
||||
}
|
||||
}
|
||||
|
||||
.fadeInRightBig {
|
||||
@include animate-prefixer(animation-name, fadeInRightBig);
|
||||
}
|
||||
}
|
55
_sass/vendor/animations/fade-enter/_fadeInUp.scss
vendored
Normal file
55
_sass/vendor/animations/fade-enter/_fadeInUp.scss
vendored
Normal file
|
@ -0,0 +1,55 @@
|
|||
@if $use-fadeInUp == true {
|
||||
|
||||
@-webkit-keyframes fadeInUp {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateY($base-distance * 2);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes fadeInUp {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-moz-transform: translateY($base-distance * 2);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
-moz-transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes fadeInUp {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-o-transform: translateY($base-distance * 2);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
-o-transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fadeInUp {
|
||||
0% {
|
||||
opacity: 0;
|
||||
transform: translateY($base-distance * 2);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
.fadeInUp {
|
||||
@include animate-prefixer(animation-name, fadeInUp);
|
||||
}
|
||||
|
||||
}
|
55
_sass/vendor/animations/fade-enter/_fadeInUpBig.scss
vendored
Normal file
55
_sass/vendor/animations/fade-enter/_fadeInUpBig.scss
vendored
Normal file
|
@ -0,0 +1,55 @@
|
|||
@if $use-fadeInUpBig == true {
|
||||
|
||||
@-webkit-keyframes fadeInUpBig {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateY($base-distance-big * 2);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes fadeInUpBig {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-moz-transform: translateY($base-distance-big * 2);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
-moz-transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes fadeInUpBig {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-o-transform: translateY($base-distance-big * 2);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
-o-transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fadeInUpBig {
|
||||
0% {
|
||||
opacity: 0;
|
||||
transform: translateY($base-distance-big * 2);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
.fadeInUpBig {
|
||||
@include animate-prefixer(animation-name, fadeInUpBig);
|
||||
}
|
||||
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue