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: