atomic-system

Introduce

Atomic System is a collection of styled-system prop with custom simple property names.

How to use

import { compose } from '@styled-system/core'
import { background } from 'atomic-system'

...
  compose(
    background
  )
...

<Box bgs='red' bgPosi='center' bgRepeat='no-repeat' />

Table References

This page -> Table References

Todo

• setup Env (Typescript)
• initial styled-system
• create default variable
• create interface props
• create config
• add intellisense
• add documentation
• publish npm

Contribution

• create interface props and creata config from table references

This the detail -> CONTRIBUTING