gloss

Higher order component for nicer component styles

Usage no npm install needed!

<script type="module">
  import gloss from 'https://cdn.skypack.dev/gloss';
</script>

README

TODO

  • get much better static extraction
    • extract from gloss() style views
    • extract css variables stuff
  • support flattened transform props (x, y, scale, etc)
  • maybe flatten psuedos

gloss 💅

usage:

full-featured example:

import React from 'react'
import ReactDOM from 'react-dom'
import Icon from './icon'
import Popover from './popover'

const LINE_HEIGHT = 30

ReactDOM.render(
  <ThemeProvide bright={{ background: '#000' }}>
    <Theme name="bright">
      <Surface icon="name" />
    </Theme>
  </ThemeProvide>,
  document.querySelector('#app'),
)