10 kss-heading
The headings.
10.1 kss-heading-menu
The menu heading.
default
Package name
<header class="kss-heading-menu kss-c-box ">
<h1 class="kss-heading-menu__name kss-c-text">Package name</h1>
<p class="kss-heading-menu__version kss-c-text">v0.0.1</p>
<p class="kss-heading-menu__description kss-c-text">Package description.</p>
</header>
10.2 kss-heading-section
The section heading.
default
9.9 component-name
DEPRECATED!
EXPERIMENTAL!
Lorem ipsum dolor sit amet, consectetur adipiscing elit,sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit,sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
kss-heading-section--depth-1
9.9 component-name
DEPRECATED!
EXPERIMENTAL!
Lorem ipsum dolor sit amet, consectetur adipiscing elit,sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit,sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
kss-heading-section--depth-2
9.9 component-name
DEPRECATED!
EXPERIMENTAL!
Lorem ipsum dolor sit amet, consectetur adipiscing elit,sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit,sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
kss-heading-section--depth-3
9.9 component-name
DEPRECATED!
EXPERIMENTAL!
Lorem ipsum dolor sit amet, consectetur adipiscing elit,sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit,sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
<header class="kss-heading-section {{modifier_class}} kss-c-box ">
<h1 class="kss-heading-section__label kss-c-text">
<span class="kss-heading-section__label__reference kss-c-text">9.9</span>
<a class="kss-heading-section__label__link kss-c-text__link" href="javascript:;">component-name</a>
</h1>
<p class="kss-heading-section__deprecated kss-c-text">DEPRECATED!</p>
<p class="kss-heading-section__experimental kss-c-text">EXPERIMENTAL!</p>
<div class="kss-heading-section__description kss-c-document kss-c-document--theme-main">
<p>Lorem ipsum <strong>dolor sit amet</strong>, consectetur <b>adipiscing elit</b>,sed do eiusmod <em>tempor incididunt</em> ut labore et dolore <i>magna aliqua</i>.</p>
<p>Lorem ipsum <u>dolor sit amet</u>, consectetur <del>adipiscing elit</del>,sed do eiusmod <s>tempor incididunt</s> ut labore et dolore <code>magna aliqua</code>.</p>
<p>Lorem ipsum <span>dolor sit amet</span>, consectetur <a href="javascript:;">adipiscing elit</a>.</p>
</div>
</header>