Vue Tachyons Directives Plugin

Appearance

Tracking ​

Letter-spacing is the consistent white-space between letters in a piece of text. In typography, letter-spacing is commonly known as tracking. Text that is set to uppercase should be tracked to improve readability.

TIP

Lowercase text should never be tracked.

For some larger text, depending on the typeface, a negative tracking might be desirable.

Default ​

Title Example

Tracked ​

vue
<template>
  <h1 v-f="1" v-tracked v-ttu>
    Title Example
  </h1>
</template>
Title Example

Tracked Mega ​

vue
<template>
  <h1 v-f="1" v-tracked.mega v-ttu>
    Title Example
  </h1>
</template>
Title Example

Tracked Tight ​

vue
<template>
  <h4 v-f="1" v-tracked.tight v-ttu>
    Title Example
  </h4>
</template>
title example

Reference ​