mirror of
https://github.com/medialab-prado/datamad2017.git
synced 2024-12-27 05:01:23 +01:00
30 lines
929 B
SCSS
30 lines
929 B
SCSS
@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);
|
|
}
|
|
}
|