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

Support inline css / Polymer style modules #141

@w-p

Description

@w-p

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>

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions