lucamug/style-framework/1.0.1

NOTE: the latest version is 1.1.0

Framework.Color

Demo

Cards

Colors are inspired by the Bulma framework: https://bulma.io/documentation/overview/variables/

Colors

orange : Color
yellow : Color
green : Color
turquoise : Color
cyan : Color
blue : Color
purple : Color
red : Color

Grey Scale

Demo

black : Color
black_bis : Color
black_ter : Color
grey_darker : Color
grey_dark : Color
grey : Color
grey_light : Color
grey_lighter : Color
white_ter : Color
white_bis : Color
white : Color

Derived

Demo

primary : Color
info : Color
success : Color
warning : Color
danger : Color
light : Color
dark : Color

Fonts

Demo

text : Color
text_light : Color
text_strong : Color
code : Color
pre : Color

Links

Demo

Others

Demo

background : Color
border : Color
border_hover : Color
muted : Color
transparent : Color

Introspection

Used internally to generate the Style Guide

{ name : String
, description : String
, signature : String
, variations : List ( String, List ( Element msg1, String ) )
}