A wrapper for Tachyons CSS framework
Author JuliaGizmos
1 Star
Updated Last
4 Years Ago
Started In
March 2018
using Tachyons

tach = class"f1 b pa5 bg-navy yellow br4 fl"

    tachyons_css,               # loads the stylesheet
    tach(dom"div"("Tachyons")), # adds the classes to div

A simple wrapper for tachyons css framework for good design with as little CSS as possible. For final control, use CSSUtil.


This module exports 2 things:

  1. tachyons_css -- a Scope object which loads the css file, place this somewhere in the DOM to load it.
  2. class"" -- a String macro which returns a function that adds the given classes to its input.

Here are the classes used in the example above:

  • f1 -- the font size f1 is the biggest and f6 is the smallest in this scale.
  • b -- bold font
  • pa5 -- pad with 5
  • bg-navy -- background color
  • yellow -- foreground color
  • br4 -- border radius
  • fl -- float

Check out the Tachyons docs to find ones you're looking for.

Build Coverage
Build Status codecov

Used By Packages

No packages found.