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
Custom properties cannot be set in @keyframe rules #2399
Comments
Note for future-Monica and future-Steve: when this is resolved, we can fix PolymerElements/paper-checkbox#59 (/cc @samccone) |
🙇 🎳 |
bump. This is blocking me from a |
polymer/src/lib/style-util.html Lines 59 to 61 in c2b7c31
What the reasoning for |
@traviskaufman Currently the parser is not distinguishing between keyframes such as @keyframes foo {
/** Keyframe of the foo animation **/
from {
left: 0px;
}
} and standard selectors such as: @media all {
/** Selector that matches <from> elements **/
from {
left: 0px;
}
} the side effect of which is that a keyframe will be transformed into something appropriate for a selector, but inappropriate for a keyframe block, such as: @keyframes foo {
/** Keyframe of the foo animation **/
from:not([style-scope]):not(.style-scope) {
left: 0px;
}
} I'm investigating a potential quick fix to address this. |
Polymer's property system currently does not allow properties to be used within @Keyframe rules. These rules are ignored right now because they do not require selector modification. The custom property system should be made to account for this and allow properties to be consumed in @Keyframe rules.
Simple repro: http://jsbin.com/mopuwe/edit?html,output
The text was updated successfully, but these errors were encountered: