@hidoo/kss-builder

v1.1.0

Provides a custom builder for kss-node.

kss-c-text

component for device text.

core module of kss-c-text

default style of kss-c-text

default

Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

<h1 class="kss-c-text">Lorem ipsum dolor sit amet.</h1>
<p class="kss-c-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>

default style of link in kss-c-text

<h1 class="kss-c-text">Lorem ipsum dolor <a class="kss-c-text__link" href="javascript:;">sit amet</a>.</h1>
<p class="kss-c-text">Lorem ipsum dolor <a class="kss-c-text__link" href="javascript:;">sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</a>.</p>

The theme modifiers of kss-c-text.

The theme modifiers of for kss-c-text

default

Lorem ipsum dolor sit amet.

あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎらひかる草の波。

kss-c-text--theme-code
code text color with background (support color scheme)

Lorem ipsum dolor sit amet.

あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎらひかる草の波。

<h1 class="kss-c-text  {{modifier_class}}">Lorem ipsum dolor sit amet.</h1>
<p class="kss-c-text  {{modifier_class}}">あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎらひかる草の波。</p>