@mountainpass/html-styled-components
    TypeScript icon, indicating that this package has built-in type declarations

    1.0.4 • Public • Published

    html-styled-components

    GitHub license NPM JavaScript Style Guide

    Overview

    Provides a javascript library for creating raw html (string), using "styled components" like syntax.

    Install

    Install from NPM

    npm i @mountainpass/html-styled-components

    Usage

    The bare minimum

    const { styled, generateCssClasses } = require('@mountainpass/html-styled-compoennts').newInstance()
    
    const CustomH1 = styled.h1`
      border: 1px solid blue;
    `
    const html = `<html><head><style>${generateCssClasses()}</style></head><body>${CustomH1('Hello world!')}</body></html>`

    Output

    <html>
      <head>
        <style>
          .c100 {
            border: 1px solid blue;
          }
        </style>
      </head>
      <body>
        <h1 class="c100">Hello world!</h1>
      </body>
    </html>

    Full example

    Please see the unit tests for all usage examples.

    Configuration

    Please see the unit tests for all configuration examples.

    License

    Apache 2.0 © nickgrealy

    Install

    npm i @mountainpass/html-styled-components

    DownloadsWeekly Downloads

    6

    Version

    1.0.4

    License

    Apache-2.0

    Unpacked Size

    29.1 kB

    Total Files

    9

    Last publish

    Collaborators

    • tompahoward
    • nickgrealy