Dashboard Demo and the Sass compiler for mix-in 'fade-in'

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

I figured it out. I was looking in the wrong place.

[code]

keyframes.scss line 27

/* Fade-in */
@-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]To

/* Fade-in */
@-webkit-keyframes fade-in {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

@-moz-keyframes fade-in {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

@-ms-keyframes fade-in {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

@-o-keyframes fade-in {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

TL;DR; I need to read more about SASS