Section Head

Documentation and examples for CAKE's section head. This component is used to seperate different sections. The header level should be set according the context this component will be used in.

Example#

preview

<header class="section-head ">
    <h2 class="section-head-title">Section Head</h2>
</header>

The header and h2 element in the example above can be relpaced with every valid html-element like a div or span.

Change log#

5.0.0 - 2021-01-28#

Changed#

  • SCSS: "Section head" | added variables $section-head-min-height and $section-head-min-height-lg-up

3.8.0 - 2019-11-07#

Fixed#

  • SCSS: "Section head" | Added !default to $section-head-border-colort in _variables.scss file.