bdkjones
commented
10 years ago This doesn't seem like a CodeKit issue. It sounds like the sass compiler is hanging on the supplied code and CodeKit just sits and spins while waiting for the sass compiler to finish running.
To verify, please try compiling the file from the command line directly using the latest stable (NON-beta) release of Sass.
Thanks!
Sent from my iPhone
On Sep 24, 2013, at 4:11 PM, Thomas Patrick Levy notifications@github.com wrote:
I've been noticing some strange behavior using bourbon's keyframes mixin.
Using various mixins inside of the keyframe mixins is causing codekit to freeze when compiling the scss files -- I can't determine a definite pattern and I've been trying to hold off submitting this until I have better data, but I'm really at a loss to exactly what's causing the issue.
Example sccs that works:
@include keyframes(ANIMATE-GROW) { 0% { opacity: 0.1; @include transform(scale(.5)); } 100% { opacity: 1; @include transform(scale(1)); } }
Example scss that causes codekit to hang:
@include keyframes(INPUT-ERROR) { 0% { @include transform(translateX(0)); } 25% { @include transform(translateX(-.5em)); } 75% { @include transform(translateX(.5em)); } 100% { @include transform(translateX(0)); } }
I've tried variations methods to narrow down where the issue occurs. Interestingly enough, if I have only one stop with a transform in it eg:
@include keyframes(INPUT-ERROR) { 0% { @include transform(translateX(-.5em)); } }
If will compile fine.
I've also tried using "from" & "to" instead of percentages, but the same things seem to occur.
& of course Thanks for the awesome product!
— Reply to this email directly or view it on GitHub.
thomasplevy
I've been noticing some strange behavior using bourbon's keyframes mixin.
Using various mixins inside of the keyframe mixins is causing codekit to freeze when compiling the scss files -- I can't determine a definite pattern and I've been trying to hold off submitting this until I have better data, but I'm really at a loss to exactly what's causing the issue.
Example sccs that works:
@include keyframes(ANIMATE-GROW) { 0% { opacity: 0.1; @include transform(scale(.5)); } 100% { opacity: 1; @include transform(scale(1)); } }
Example scss that causes codekit to hang:
@include keyframes(INPUT-ERROR) { 0% { @include transform(translateX(0)); } 25% { @include transform(translateX(-.5em)); } 75% { @include transform(translateX(.5em)); } 100% { @include transform(translateX(0)); } }
I've tried variations methods to narrow down where the issue occurs. Interestingly enough, if I have only one stop with a transform in it eg:
@include keyframes(INPUT-ERROR) { 0% { @include transform(translateX(-.5em)); } }
If will compile fine.
I've also tried using "from" & "to" instead of percentages, but the same things seem to occur.
& of course Thanks for the awesome product!