This is an alternative site for discovering Elm packages. You may be looking for the official Elm package site instead.
A simple Style Framework built on top of style-elements
version 7.0.1
license BSD3
native-modules False
elm-version 0.18.0 <= v < 0.19.0
Tag 7.0.1
Committed At 2018-05-08 12:03:41 UTC
mdgriffith/stylish-elephants 6.0.2 <= v < 7.0.0 6.0.2
evancz/url-parser 2.0.1 <= v < 3.0.0 2.0.1
elm-lang/window 1.0.1 <= v < 2.0.0 1.0.1
elm-lang/svg 2.0.0 <= v < 3.0.0 2.0.0
elm-lang/navigation 2.1.0 <= v < 3.0.0 2.1.0
elm-lang/http 1.0.0 <= v < 2.0.0 1.0.0
elm-lang/html 2.0.0 <= v < 3.0.0 2.0.0
elm-lang/core 5.0.0 <= v < 6.0.0 5.1.1
danielnarey/elm-color-math 2.0.1 <= v < 3.0.0 2.0.1

README

Elm Style Framework

Demo

An experimental Style Framework built on top of style-elements.

This is an incomplete Style Framework that leverage the experimental version of style-elements. Major changes may happen at any time to this Repo.

Customization

The framework allows customization on several levels. Have a look at this example code to see how the customization is made.

On the top left, the default version. On the bottom right the customized version.

Customization

Style guide generator

The framework has a built-in style guide generator that can be used as a quick reference during the UI design. The style guide is generated using functions called introspection present in each part of the framework.

Usage

This is a minimal example of the framework usage

module Main exposing (main)

import Element exposing (layout)
import Framework.Button as Button
import Framework.Modifier exposing (Modifier(..))
import Html


main : Html.Html a
main =
    layout [] <|
        Button.button [ Medium, Success, Outlined ] Nothing "Button"

it will generate this page:

Button