HTML elements extended as styled components via styled system, ready for theming.
MIT License
HTML elements extended as components, ready for theming via styled system. Built with/for Styled Components & Styled System
UPDATE: I now recommend using theme-ui instead of this library. Check it out at theme-ui.com
$ npm i styled-system-html
Create a theme with settings for colors, typography and spacing.
const theme = {
colors : {'primary':'#071'},
space : [0,4,8,16,32,64,128]
}
Apply your theme to the element components.
// Header with 2 levels (8px) of padding,
// blue/primary background and white text.
<Header p={2} bg="primary" color="white">
My Header
</Header>
Try it out at johnpolacek.github.io/styled-system-html
For more info, see Styled System by Brent Jackson.
--
Created by John Polacek