I’m trying out various components of the Dashboard Demo (Which is awesome btw) and I noticed the the ‘HelpOverlay’ on the bottom of the login screen is only loading in chrome. I’ve been looking at the sass source and I see the the following:
[code]
mixins.scss line 83:
@mixin fade-in ($duration: 160ms){
/* TODO this will freak out the Sass compiler /
/ -moz-animation: fade-in $duration ease-out; /
/ @include animation(fade-in, 160ms, ease-out); */
-webkit-animation: fade-in 160ms ease-out;
-moz-animation: fade-in 160ms ease-out;
-ms-animation: fade-in 160ms ease-out;
-o-animation: fade-in 160ms ease-out;
animation: fade-in 160ms ease-out;
opacity: 1;
}
[/code]This code is compiling to my styles.css as the following:
[code]
styles.css line 449:
@-webkit-keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes fade-in {
0% {
opacity: 0;
}
}
@-ms-keyframes fade-in {
0% {
opacity: 0;
}
}
@-o-keyframes fade-in {
0% {
opacity: 0;
}
}
[/code]For some reason it’s not compiling the second half of the animation rule 100% { opacity: 1; } ?
Apologies if this was addressed, I can’t find a search feature in the new forum.
Thanks,
Kevin