Academy of Natural Sciences

Page Header Basic: With Border 

<div class="o-container c-page-header-basic c-page-header-basic--border" data-bkg-theme="base">
    <h1 class="c-page-header-basic__title f-title--h2">Environmental research</h1>
</div>
 
<div class="o-container c-page-header-basic{% if useBorder %} c-page-header-basic--border{% endif %}" data-bkg-theme="base">
  <h1 class="c-page-header-basic__title f-title--h2">{{title}}</h1>
</div>
 
{
  "pageColorTheme": "teal",
  "title": "Environmental research",
  "useBorder": true
}
  • Content: 
    .c-page-header-basic {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.c-page-header-basic--border {
  border-bottom: 0.1rem solid var(--ct-txt);
  padding-bottom: 2rem;
}
  • URL: /components/raw/page-header-basic/page-header-basic.scss
  • Filesystem Path: patterns\06-components\page-header-basic\page-header-basic.scss
  • Size: 180 Bytes

No notes defined.