Vue Tachyons Directives Plugin

Appearance

Font Style ​

Single purpose classes to set the font-style of any element at any breakpoint.

Italics ​

Italics can be used to emphasize a piece of content. Some common uses of italics include: titles, vehicle names, letters of the alphabet, scientific terms, and quotes.

vue
<template>
  <p v-i>
    Readers want what is important to be clearly laid out;
    they will not read what is too troublesome.
  </p>
</template>

Readers want what is important to be clearly laid out; they will not read what is too troublesome.

Regular ​

vue
<template>
  <p v-fs-normal>
    A quote from Jan Tschichold about typography.
  </p>
</template>

A quote from Jan Tschichold about typography.

Reference ​