After recently updating to Compass version 1.0.16, I started setting up basic usage of the new animation features. However, I encountered an issue where setting default values for different animation settings did not take effect. This led me to hard-code the values throughout my application.
Specifically:
$default-animation-duration: 0.5s;
@import "compass/css3";
@include keyframes(slideOutLeft) {
0% {
@include transform(translateX(0%));
}
100% {
@include transform(translateX(-100%));
}
}
#id {
@include animation(slideOutLeft); // Doesn't work
}
#id2 {
@include animation(slideOutLeft 0.5s); // Does work.
}
Has anyone else experienced this issue or have any thoughts on a potential solution?