The .ui-* Classes

TailUI uses .ui-* CSS classes. Each token maps to a class. They are independent, order doesn't matter, and they combine freely.

<!-- All valid -->
<div class="ui-card">
<div class="ui-card ui-elevated">
<div class="ui-card ui-elevated ui-hoverable">
<div class="ui-card ui-elevated ui-hoverable ui-compact">

Instead of describing how something looks with utility classes, you describe what it is with semantic .ui-* classes.