@hidoo/kss-builder

v1.1.0

Provides a custom builder for kss-node.

kss-heading

The headings.

The menu heading.

default

Package name

v0.0.1

Package description.

<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>

The section heading.

default

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
with depth 1

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
with depth 2

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
with depth 3

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>