This basically allows Tachyons auto-completion to work in Elm.
See the Tachyons Module on http://package.elm-lang.org/packages/groma84/tachyons-elm/latest for more info.
This is an updated fork of http://package.elm-lang.org/packages/justgage/tachyons-elm/latest to support a newer version of Tachyons.
This is the smallest possible program for working with this library.
module Main exposing (..)
import Tachyons exposing (classes, tachyons)
import Tachyons.Classes exposing (f1, purple, pointer, b)
import Html exposing (..)
main =
div [ classes [ f1, purple, pointer, b ] ]
[ -- `tachyons.css` this should only be used for demo purposes, it's better included as a cdn in HTML:
-- <link rel="stylesheet" href="https://unpkg.com/[email protected]/css/tachyons.min.css"/>
tachyons.css
, text "I'm Purple and big!"
]I use a JS script to generate my Tachyons classes. To do so as well do the following:
npm install
./build.sh
This will create Tachyons/Classes.elm, format it, and make sure it builds.
- elm-format for formatting elm
- prettier for formatting js.
prettier --write scripts/file_name.js