Skip to content
New issue

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

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

Already on GitHub? # to your account

Non-@container at-rules are being processed #22

Closed
ZeeCoder opened this issue Mar 19, 2017 · 1 comment
Closed

Non-@container at-rules are being processed #22

ZeeCoder opened this issue Mar 19, 2017 · 1 comment
Labels

Comments

@ZeeCoder
Copy link
Owner

This:

@keyframes Expand{
    0%{
        transform: scale(1);
        opacity: 1;
    }
    25%{
        opacity: 1;
    }
    50%, 100%{
        transform: scale(2);
        opacity: 0;
    }
}

Produces something like this, in the JSON:

{
    "selector": ".Expand.Two",
    "styles": {}
}, {
    "selector": ".Expand.Three",
    "styles": {}
}, {
    "selector": "from",
    "styles": {}
}, {
    "selector": "to",
    "styles": {}
}, {
    "selector": "0%",
    "styles": {}
}, {
    "selector": "25%",
    "styles": {}
}, {
    "selector": "50%, 100%",
    "styles": {}
}

Which breaks things.

@ZeeCoder ZeeCoder added the bug label Mar 19, 2017
@ZeeCoder
Copy link
Owner Author

Idea for a fix: check all rules' parent, and only process it if it's either a rule without a parent, or if it's parent a @media or @container query.
Ignore everything else.

@ZeeCoder ZeeCoder modified the milestone: 2.0.0 Mar 24, 2017
# for free to join this conversation on GitHub. Already have an account? # to comment
Labels
Projects
None yet
Development

No branches or pull requests

1 participant