Scratch framework

Scratch is CSS framework and methodology to build web, mobile and TV applications with one code base.

Recevies a configuration and outputs the system of design related properties. It also applies reset by default and receives a few options:

| option | default | description | | --- | --- | --- | | verbose | false | Output the warning logs in console (only in dev, test enviroment) | | useReset | true | Apply CSS reset to the document | | useVariable | true | Output CSS variables in properties |

A design system configuration of the following systems:

import { set } from '@symbo.ls/scratch'

set({
  color: {},
  theme: {},
  typography: {},
  space: {},
  media: {},
  icons:{},
  font: {},
  font_family: {},
  timing: {},
  reset: {}
}, { 
  // options
})

Read more at docs

TODO:

• [ ] Accessibility (WCAG) automated tests
• [x] Scratch on node