Skip to content
This repository has been archived by the owner on Aug 22, 2023. It is now read-only.

Support inline css / Polymer style modules #141

Open
w-p opened this issue May 12, 2016 · 0 comments
Open

Support inline css / Polymer style modules #141

w-p opened this issue May 12, 2016 · 0 comments

Comments

@w-p
Copy link

w-p commented May 12, 2016

Feature Request.

Currently, processing the example below produces an error styles.html:17:1: missing '{'. Stripping the tags, of course, solves the immediate problem. Additionally, the :root block is removed entirely without error or notice.

Polymer style modules are declared within tags. Myth doesn't like tags. Polymer handles var, calc and other such declarations but does not handle prefixes. Support for Polymer style modules in myth would be awesome.

<dom-module id='my-styles'>
    <template>
    <style>
    :root {
        --green:    seagreen;
        --red:      darkred;
    }
    div, span {
        display: flex;
        width: calc(100% / 2);
        background-color: var(--green);
    }
    </style>
    </template>
</dom-module>
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant