<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-black);
        --pageheader-header-color: var(--color-white);
    }
    
    .heading-page {
        font-size: 45px;
        color: var(--heading-page-color-primary);
        font-weight: 800;
    }
    
  • URL: /components/raw/heading-page/heading-page.css
  • Filesystem Path: patterns/01-atoms/headings/heading-page/heading-page.css
  • Size: 279 Bytes