lit-theme-literals

0.0.9 • Public • Published

Theming and Color Helper Literals for LitElements

Usage With Literals

import {LitElement, html, css} from "lit-element";

import {primaryColor, secondaryColorBackground, inverted} from "lit-theme-literals";

class MyElement extends LitElement {
  static get styles() {
    return css`
      :host {
        ${primaryColor}
        ${secondaryColorBackground}
      }

      div {
        ${inverted}
      }
    `;
  }

  render() {
    return html`
      <div></div>
    `;
  }
}

Package Sidebar

Install

npm i lit-theme-literals

Weekly Downloads

3

Version

0.0.9

License

ISC

Unpacked Size

3.5 kB

Total Files

5

Last publish

Collaborators

  • tsavoknott