Home

Awesome

lit-styles

Monorepository with lit-css and integration with other tools and frameworks.

Quick Example for Web Components

import { html } from 'lit-html';
import { css } from 'lit-css';
import { StyledLitElement } from 'styled-lit-element';

class FancyBadge extends StyledLitElement {
  static get style() {
    return css`
      :host {
        background-color: blue;
        border-radius: 50%;
        color: white;
        padding: 4px;
      }
    `;
  }

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

Packages

For more information about each package and it's usage please refer to their docs: