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
39
_sass/vendor/animations/attention-seekers/_tada.scss
vendored
Normal file
39
_sass/vendor/animations/attention-seekers/_tada.scss
vendored
Normal file
|
@ -0,0 +1,39 @@
|
|||
@if $use-tada == true {
|
||||
|
||||
@-webkit-keyframes tada {
|
||||
0% {-webkit-transform: scale(1);}
|
||||
10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
|
||||
30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}
|
||||
40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}
|
||||
100% {-webkit-transform: scale(1) rotate(0);}
|
||||
}
|
||||
|
||||
@-moz-keyframes tada {
|
||||
0% {-moz-transform: scale(1);}
|
||||
10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}
|
||||
30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);}
|
||||
40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);}
|
||||
100% {-moz-transform: scale(1) rotate(0);}
|
||||
}
|
||||
|
||||
@-o-keyframes tada {
|
||||
0% {-o-transform: scale(1);}
|
||||
10%, 20% {-o-transform: scale(0.9) rotate(-3deg);}
|
||||
30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);}
|
||||
40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);}
|
||||
100% {-o-transform: scale(1) rotate(0);}
|
||||
}
|
||||
|
||||
@keyframes tada {
|
||||
0% {transform: scale(1);}
|
||||
10%, 20% {transform: scale(0.9) rotate(-3deg);}
|
||||
30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
|
||||
40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
|
||||
100% {transform: scale(1) rotate(0);}
|
||||
}
|
||||
|
||||
.tada {
|
||||
@include animate-prefixer(animation-name, tada);
|
||||
}
|
||||
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue