1 unit-icon

The icon unit.

1.1 Core

The core module.

1.1.1 Default style

The default style.

default

<span class="unit-icon"></span>

1.2 Type

The type module.

1.2.1 Modifiers

The additional modifiers.

default

unit-icon--type-example-a

Example a type (Type: svg)

unit-icon--type-example-b

Example b type (Type: svg, Options: responsive: true)

unit-icon--type-example-c

Example c type (Type: image, Options: use2x: true)

unit-icon--type-example-d

Example d type (Type: image, Options: responsive: true, use2x: "sm")

<!-- single -->
<span class="unit-icon  {{modifier_class}}"></span>
<!-- a child -->
<a href="javascript:;">
  <span class="unit-icon  {{modifier_class}}"></span>
</a>
<!-- a child (current) -->
<a class="is-current" href="#">
  <span class="unit-icon  {{modifier_class}}"></span>
</a>
<!-- button child (disabled) -->
<button disabled="disabled">
  <span class="unit-icon  {{modifier_class}}"></span>
</button>