justgage/tachyons-elm

Tachyons CSS classnames for Elm


Keywords
css, elm-lang, functional-css, functional-programming, tachyons, tachyons-css
Install
elm-package install justgage/tachyons-elm 2.0.0

Documentation

Tachyons For Elm

This basically allows Tachyons auto-completion to work in Elm.

See the Tachyons Module on http://package.elm-lang.org/packages/justgage/tachyons-elm/latest for more info.

Working example

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
        , text "I'm Purple and big!"
        ]

DEMO HERE

Helping out

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.