<header class="_overline " style="">
    A Better Way to Manage Your Social Messages
</header>
{{#if level}}
<h{{level}}
{{else}}
<header
{{/if}}
    class="{{modifier}} {{class}}"
    style="{{style}}"
>
    {{{text}}}
{{#if level}}
</h{{level}}>
{{else}}
</header>
{{/if}}
{
  "class": null,
  "level": null,
  "style": null,
  "text": "A Better Way to Manage Your Social Messages",
  "modifier": "_overline"
}
  • Content:
    const React = require('react');
    const cx = require('classnames');
    
    const Heading = ({level, modifier, style, text}) => {
        return React.createElement(`h${level}`, {
            className: cx([modifier]) || null
        }, text);
    };
    
    module.exports = Heading;
    
  • URL: /components/raw/heading/Heading.jsx
  • Filesystem Path: components/atoms/Heading/Heading.jsx
  • Size: 253 Bytes
  • Content:
    @import "../../Axioms";
    h1 {
        @include h1;
        &._small {
            @include font-size-head-small;
        }
    }
    h2 {
        @include h2;
        &._small {
            @include font-size-subhead;
        }
        &._smaller {
            @include font-size-lead;
        }
        &._large {
            @include font-size-head-small;
        }
        &._centered {
            margin-right: auto;
            margin-left: auto;
        }
        &._overline {
            @include font-weight-semibold;
            @include overline;
        }
    }
    h3 {
        @include h3;
    }
    h4 {
        @include h4;
    }
    h5 {
        @include h5;
    }
    h6 {
        @include h6;
    }
    .subtitle {
        @include font-size-fine;
        @include font-weight-normal;
        display: block;
        text-transform: none;
        letter-spacing: normal;
    }
    
  • URL: /components/raw/heading/Heading.scss
  • Filesystem Path: components/atoms/Heading/Heading.scss
  • Size: 720 Bytes

There are no notes for this item.