Skip to content
This is simple bindings to Tachyons (A functionall CSS library) in Elm. Aids in auto-completion.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
scripts
src
.gitignore
CONTRIBUTING.md
LICENSE
Main.elm
README.md
build.sh
documentation.json
elm.json
index.html
package-lock.json
package.json

README.md

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` this should only be used for demo pourposes, it's better included as a cdn in HTML: 
          -- <link rel="stylesheet" href="https://unpkg.com/tachyons@4.10.0/css/tachyons.min.css"/>
          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.

Requirements

  • elm-format for formatting elm
  • prettier for formatting js. prettier --write scripts/file_name.js
You can’t perform that action at this time.