https://github.com/lit-styles/lit-styles

Monorepository with lit-css and integration with other tools and frameworks.
https://github.com/lit-styles/lit-styles

Last synced: 3 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/lit-styles/lit-styles
• Owner: lit-styles
• License: mit
• Created: 2018-10-12T08:27:20.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2018-12-05T21:57:17.000Z (almost 6 years ago)
• Last Synced: 2024-07-18T14:42:20.166Z (4 months ago)
• Language: JavaScript
• Homepage:
• Size: 385 KB
• Stars: 43
• Watchers: 7
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# lit-styles

Monorepository with [lit-css](packages/lit-css#readme) and integration with other tools and frameworks.

## Quick Example for Web Components

```js

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``;

  }

}

```

## Packages

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

- [lit-css](packages/lit-css#readme)

- [styled-lit-element](packages/styled-lit-element#readme)