This is an alternative site for discovering Elm packages. You may be looking for the official Elm package site instead.
A set of helpers for Pure CSS
version 1.0.1
license BSD3
native-modules False
elm-version 0.17.1 <= v < 0.19.0
Tag 1.0.2
Committed At 2018-05-18 15:17:31 UTC
elm-lang/html 1.1.0 <= v < 3.0.0 2.0.0
elm-lang/core 4.0.3 <= v < 6.0.0 5.1.1

Modules

README

elm-purecss

A set of Pure CSS helpers for Elm.

Examples

Functions are provided for all the standard classes. These are intended to be used in tandem with Html.Attributes.class or Html.Attributes.classList.

Basic Form

import Html
import Html.Attributes
import Pure

view model = 
    Html.form [Html.Attributes.class Pure.form]
        [ Html.label [] [Html.text "Username"]
        , Html.input [] []
        , Html.button [Html.Attributes.class Pure.button] []
        ]

Data Table

import Html
import Html.Attributes
import Pure

view model = 
    Html.table 
        [ Html.Attributes.classList
            [ (Pure.table, True) 
            , (Pure.tableStriped, True)
            ]
        ]
        [ Html.tr []
            [ Html.th [] [Html.text "Storage Type"]
            , Html.th [] [Html.text "Capacity"]
            ]
        , Html.tr [] 
            [ Html.td [] [Html.text "Floppy Disk"]
            , Html.td [] [Html.text "1440000 bytes"]
            ]
        ]