Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Vendor prefixes inside keyframes cause false 'missing standard property' error #285

Closed
k88hudson opened this issue Jun 9, 2012 · 4 comments
Milestone

Comments

@k88hudson
Copy link

Looks like vendor prefixes inside keyframes cause the 'missing standard property' error to fire.

Code:

@-moz-keyframes spin{
    0%{ -moz-transform: rotateX(-10deg) rotateY(0deg); }
    100%{ -moz-transform: rotateX(-10deg) rotateY(-360deg); }
}
@-webkit-keyframes spin{
    0%{ -webkit-transform: rotateX(-10deg) rotateY(0deg); }
    100%{ -webkit-transform: rotateX(-10deg) rotateY(-360deg); }
}
@-o-keyframes spin{
    0%{ -o-transform: rotateX(-10deg) rotateY(0deg); }
    100%{ -o-transform: rotateX(-10deg) rotateY(-360deg); }
}
@-ms-keyframes spin{
    0%{ -ms-transform: rotateX(-10deg) rotateY(0deg); }
    100%{ -ms-transform: rotateX(-10deg) rotateY(-360deg); }
}
@keyframes spin{
    0%{ transform: rotateX(-10deg) rotateY(0deg); }
    100%{ transform: rotateX(-10deg) rotateY(-360deg); }
}

Error:

line 5, col 9, Error - Missing standard property 'transform' to go along with '-moz-transform'.
line 6, col 11, Error - Missing standard property 'transform' to go along with '-moz-transform'.
line 9, col 9, Error - Missing standard property 'transform' to go along with '-webkit-transform'.
line 10, col 11, Error - Missing standard property 'transform' to go along with '-webkit-transform'.
line 12, col 1, Error - Unknown @ rule: @-o-keyframes.
line 17, col 9, Error - Missing standard property 'transform' to go along with '-ms-transform'.
line 18, col 11, Error - Missing standard property 'transform' to go along with '-ms-transform'.
@nzakas nzakas closed this as completed in e14628b Jul 23, 2012
@fi5er
Copy link

fi5er commented May 29, 2014

Possible regression?
I'm still seeing this issue with CSSLint 0.10.0 (the most up-to-date version on npmjs.org).
According to the change log, the fix should be included since version 0.9.9.

@jasonrhodes
Copy link

I'm also seeing this exact error showing up in 0.10.0, specifically because (as the example above seems to also indiciate) I'm using Font Awesome's drop in SASS files and they include this @keyframes spin situation that demonstrates the problem perfectly.

@mtscout6
Copy link

I'm also running into this problem on version 0.10.0, I'm using Font Awesome's drop in Less files. Have you figured out a solution for this?

@bjankord
Copy link

bjankord commented Sep 9, 2014

I'm still seeing this issue with CSSLint 0.10.0

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

6 participants