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