@hidoo/styleunit

v1.0.0-alpha.9

The unit oriented CSS framework implemented in Sass.

5 unit-button

The button unit.

5.1 Core

The core module.

5.1.1 Default style

The default style.

<!-- with anchor element -->
<a class="unit-button" href="#">
  <span class="unit-button__label  unit-text">Lorem ipsum dolor sit amet.</span>
</a>
<!-- with button element -->
<button class="unit-button">
  <span class="unit-button__label  unit-text">あのイーハトーヴォのすきとおった風。</span>
</button>

5.2 Theme

The theme module.

5.2.1 Modifiers

The theme modifiers.

<!-- with anchor element -->
<a class="unit-button  {{modifier_class}}" href="#">
  <span class="unit-button__label  unit-text">Lorem ipsum dolor sit amet.</span>
</a>
<!-- with button element -->
<button class="unit-button  {{modifier_class}}">
  <span class="unit-button__label  unit-text">あのイーハトーヴォのすきとおった風。</span>
</button>

5.3 Inline

The inline module.

5.3.1 Modifiers

The inline modifiers.

<!-- with anchor element -->
<a class="unit-button  unit-button--theme-normal  {{modifier_class}}" href="#">
  <span class="unit-button__label  unit-text">Lorem ipsum dolor sit amet.</span>
</a>
<!-- with button element -->
<button class="unit-button  unit-button--theme-normal  {{modifier_class}}">
  <span class="unit-button__label  unit-text">あのイーハトーヴォのすきとおった風。</span>
</button>