https://github.com/justgage/tachyons-elm

This is simple bindings to Tachyons (A functionall CSS library) in Elm. Aids in auto-completion.
https://github.com/justgage/tachyons-elm

css elm-lang functional-css functional-programming tachyons tachyons-css

Last synced: about 2 months ago
JSON representation

This is simple bindings to Tachyons (A functionall CSS library) in Elm. Aids in auto-completion.

• Host: GitHub
• URL: https://github.com/justgage/tachyons-elm
• Owner: justgage
• License: other
• Archived: true
• Created: 2017-04-27T13:28:47.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2020-07-30T19:20:35.000Z (over 4 years ago)
• Last Synced: 2024-09-25T22:45:02.836Z (about 2 months ago)
• Topics: css, elm-lang, functional-css, functional-programming, tachyons, tachyons-css
• Language: HTML
• Homepage: http://package.elm-lang.org/packages/justgage/tachyons-elm/latest/Tachyons
• Size: 663 KB
• Stars: 35
• Watchers: 5
• Forks: 6
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Tachyons For Elm

This basically allows [Tachyons](http://tachyons.io/) 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.

# Working example

This is the smallest possible program for working with this library.

```elm

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: 

          -- 

          tachyons.css 

        , text "I'm Purple and big!"

        ]

```

[DEMO HERE](https://ellie-app.com/3P4GnXTQ7Cca1)

# 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](https://github.com/avh4/elm-format) for formatting elm

* [prettier](https://github.com/prettier/prettier) for formatting js. `prettier --write scripts/file_name.js`