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

    Install

    npm i styled-system-html

    DownloadsWeekly Downloads

    8

    Version

    3.0.0

    License

    MIT

    Unpacked Size

    47.9 kB

    Total Files

    12

    Last publish

    Collaborators

    • johnpolacek