600 West

Heading: Centered 

<header class="_centered " 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": "_centered"
}
  • 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.