styled-system-html

3.0.0 • Public • Published

Styled System HTML

Build Status

HTML elements extended as components, ready for theming via styled system. Built with/for Styled Components & Styled System

Usage

$ 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

Package Sidebar

Install

npm i styled-system-html

Weekly Downloads

16

Version

3.0.0

License

MIT

Unpacked Size

47.9 kB

Total Files

12

Last publish

Collaborators

  • johnpolacek