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
63
_sass/vendor/animations/rotate-exit/_rotateOut.scss
vendored
Normal file
63
_sass/vendor/animations/rotate-exit/_rotateOut.scss
vendored
Normal file
|
@ -0,0 +1,63 @@
|
|||
@if $use-rotateOut == true {
|
||||
|
||||
@-webkit-keyframes rotateOut {
|
||||
0% {
|
||||
-webkit-transform-origin: $rotate-origin;
|
||||
-webkit-transform: rotate(0);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
100% {
|
||||
-webkit-transform-origin: $rotate-origin;
|
||||
-webkit-transform: rotate($rotate-degrees-max);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes rotateOut {
|
||||
0% {
|
||||
-moz-transform-origin: $rotate-origin;
|
||||
-moz-transform: rotate(0);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
100% {
|
||||
-moz-transform-origin: $rotate-origin;
|
||||
-moz-transform: rotate($rotate-degrees-max);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes rotateOut {
|
||||
0% {
|
||||
-o-transform-origin: $rotate-origin;
|
||||
-o-transform: rotate(0);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
100% {
|
||||
-o-transform-origin: $rotate-origin;
|
||||
-o-transform: rotate($rotate-degrees-max);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes rotateOut {
|
||||
0% {
|
||||
transform-origin: $rotate-origin;
|
||||
transform: rotate(0);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
100% {
|
||||
transform-origin: $rotate-origin;
|
||||
transform: rotate($rotate-degrees-max);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.rotateOut {
|
||||
@include animate-prefixer(animation-name, rotateOut);
|
||||
}
|
||||
|
||||
}
|
62
_sass/vendor/animations/rotate-exit/_rotateOutDownLeft.scss
vendored
Normal file
62
_sass/vendor/animations/rotate-exit/_rotateOutDownLeft.scss
vendored
Normal file
|
@ -0,0 +1,62 @@
|
|||
@if $use-rotateOutDownLeft == true {
|
||||
|
||||
@-webkit-keyframes rotateOutDownLeft {
|
||||
0% {
|
||||
-webkit-transform-origin: left bottom;
|
||||
-webkit-transform: rotate(0);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
100% {
|
||||
-webkit-transform-origin: left bottom;
|
||||
-webkit-transform: rotate($rotate-degrees);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes rotateOutDownLeft {
|
||||
0% {
|
||||
-moz-transform-origin: left bottom;
|
||||
-moz-transform: rotate(0);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
100% {
|
||||
-moz-transform-origin: left bottom;
|
||||
-moz-transform: rotate($rotate-degrees);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes rotateOutDownLeft {
|
||||
0% {
|
||||
-o-transform-origin: left bottom;
|
||||
-o-transform: rotate(0);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
100% {
|
||||
-o-transform-origin: left bottom;
|
||||
-o-transform: rotate($rotate-degrees);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes rotateOutDownLeft {
|
||||
0% {
|
||||
transform-origin: left bottom;
|
||||
transform: rotate(0);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
100% {
|
||||
transform-origin: left bottom;
|
||||
transform: rotate($rotate-degrees);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.rotateOutDownLeft {
|
||||
@include animate-prefixer(animation-name, rotateOutDownLeft);
|
||||
}
|
||||
}
|
62
_sass/vendor/animations/rotate-exit/_rotateOutDownRight.scss
vendored
Normal file
62
_sass/vendor/animations/rotate-exit/_rotateOutDownRight.scss
vendored
Normal file
|
@ -0,0 +1,62 @@
|
|||
@if $use-rotateOutDownRight == true {
|
||||
|
||||
@-webkit-keyframes rotateOutDownRight {
|
||||
0% {
|
||||
-webkit-transform-origin: right bottom;
|
||||
-webkit-transform: rotate(0);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
100% {
|
||||
-webkit-transform-origin: right bottom;
|
||||
-webkit-transform: rotate(-$rotate-degrees);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes rotateOutDownRight {
|
||||
0% {
|
||||
-moz-transform-origin: right bottom;
|
||||
-moz-transform: rotate(0);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
100% {
|
||||
-moz-transform-origin: right bottom;
|
||||
-moz-transform: rotate(-$rotate-degrees);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes rotateOutDownRight {
|
||||
0% {
|
||||
-o-transform-origin: right bottom;
|
||||
-o-transform: rotate(0);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
100% {
|
||||
-o-transform-origin: right bottom;
|
||||
-o-transform: rotate(-$rotate-degrees);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes rotateOutDownRight {
|
||||
0% {
|
||||
transform-origin: right bottom;
|
||||
transform: rotate(0);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
100% {
|
||||
transform-origin: right bottom;
|
||||
transform: rotate(-$rotate-degrees);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.rotateOutDownRight {
|
||||
@include animate-prefixer(animation-name, rotateOutDownRight);
|
||||
}
|
||||
}
|
63
_sass/vendor/animations/rotate-exit/_rotateOutUpLeft.scss
vendored
Normal file
63
_sass/vendor/animations/rotate-exit/_rotateOutUpLeft.scss
vendored
Normal file
|
@ -0,0 +1,63 @@
|
|||
@if $use-rotateOutDownRight == true {
|
||||
|
||||
@-webkit-keyframes rotateOutUpLeft {
|
||||
0% {
|
||||
-webkit-transform-origin: left bottom;
|
||||
-webkit-transform: rotate(0);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
100% {
|
||||
-webkit-transform-origin: left bottom;
|
||||
-webkit-transform: rotate(-$rotate-degrees);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes rotateOutUpLeft {
|
||||
0% {
|
||||
-moz-transform-origin: left bottom;
|
||||
-moz-transform: rotate(0);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
100% {
|
||||
-moz-transform-origin: left bottom;
|
||||
-moz-transform: rotate(-$rotate-degrees);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes rotateOutUpLeft {
|
||||
0% {
|
||||
-o-transform-origin: left bottom;
|
||||
-o-transform: rotate(0);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
100% {
|
||||
-o-transform-origin: left bottom;
|
||||
-o-transform: rotate(-$rotate-degrees);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes rotateOutUpLeft {
|
||||
0% {
|
||||
transform-origin: left bottom;
|
||||
transform: rotate(0);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
100% {
|
||||
-transform-origin: left bottom;
|
||||
-transform: rotate(-$rotate-degrees);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.rotateOutUpLeft {
|
||||
@include animate-prefixer(animation-name, rotateOutUpLeft);
|
||||
}
|
||||
|
||||
}
|
61
_sass/vendor/animations/rotate-exit/_rotateOutUpRight.scss
vendored
Normal file
61
_sass/vendor/animations/rotate-exit/_rotateOutUpRight.scss
vendored
Normal file
|
@ -0,0 +1,61 @@
|
|||
@if $use-rotateOutUpRight == true {
|
||||
@-webkit-keyframes rotateOutUpRight {
|
||||
0% {
|
||||
-webkit-transform-origin: right bottom;
|
||||
-webkit-transform: rotate(0);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
100% {
|
||||
-webkit-transform-origin: right bottom;
|
||||
-webkit-transform: rotate($rotate-degrees);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes rotateOutUpRight {
|
||||
0% {
|
||||
-moz-transform-origin: right bottom;
|
||||
-moz-transform: rotate(0);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
100% {
|
||||
-moz-transform-origin: right bottom;
|
||||
-moz-transform: rotate($rotate-degrees);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes rotateOutUpRight {
|
||||
0% {
|
||||
-o-transform-origin: right bottom;
|
||||
-o-transform: rotate(0);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
100% {
|
||||
-o-transform-origin: right bottom;
|
||||
-o-transform: rotate($rotate-degrees);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes rotateOutUpRight {
|
||||
0% {
|
||||
transform-origin: right bottom;
|
||||
transform: rotate(0);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
100% {
|
||||
transform-origin: right bottom;
|
||||
transform: rotate($rotate-degrees);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.rotateOutUpRight {
|
||||
@include animate-prefixer(animation-name, rotateOutUpRight);
|
||||
}
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue