Sha256: c81498d4ee8800280ae457fddbeb4fa7ffc222c0d9731410dd56cc697dd64c9f
Contents?: true
Size: 1.07 KB
Versions: 8
Compression:
Stored size: 1.07 KB
Contents
// ---------------------------------------------------------------------------
// imports
@import "compass/css3/animation";
@import "compass/css3/transform";
// ---------------------------------------------------------------------------
// shake
@mixin animate-shake(
$class : $default-animation-class-mode,
$keyframes : $default-keyframes-output
) {
$name: shake;
@if $keyframes {
@include keyframes($name) {
0% {
@include translateX(0);
}
10% {
@include translateX(-10px);
}
20% {
@include translateX(10px);
}
30% {
@include translateX(-10px);
}
40% {
@include translateX(10px);
}
50% {
@include translateX(-10px);
}
60% {
@include translateX(10px);
}
70% {
@include translateX(-10px);
}
80% {
@include translateX(10px);
}
90% {
@include translateX(-10px);
}
100% {
@include translateX(0);
}
}
}
@include animation-class($name, $class) {}
}
Version data entries
8 entries across 8 versions & 1 rubygems