Component Library

Header Page 

<h1 class="heading-page  ">Header Page</h1>
 
<h1 class="heading-page {{ modifier }} {{ class }}">{{ text }}</h1>
 
{
  "text": "Header Page"
}
  • Content: 
    /*
* Element: Headers
*/

/*Setting document variables*/
:root {
    --heading-page-color-primary: var(--color-text);
    --heading-page-color-secondary: var(--color-secondary);
    --pageheader-header-color: var(--color-white);
}

.heading-page {
    font-size: 24px;
    color: var(--heading-color-primary);
    font-family: var(--heading-font-family);

    &--pageheader {
        margin-top: 0;
        color: var(--pageheader-header-color);
        margin-bottom: 15px;
        text-shadow: 1px 1px 1px #333;
        font-size: 32px;
    }
}
  • URL: /components/raw/heading-page/heading-page.css
  • Filesystem Path: src/01-atoms/headings/heading-page/heading-page.css
  • Size: 547 Bytes

There are no notes for this item.