5.kss-section.kss-depth-1

5Carets

When you need to indicate movement or give additional emphasis to a piece of text

.north

North

.south

South

.east

East

.west

West

<i class="caret {$modifiers}"></i>

5.1.kss-section.kss-depth-2

5.1Active States

When a caret is activated, such as when the user clicks on a drop down menu.

.north

Active North

.south

Active South

.east

Active East

.west

Active West

<div class="is-active">
  <i class="caret {$modifiers}"></i>
</div>