colors : { pink : Color, pink_tint : Color, pink_shade : Color, purple : Color, purple_tint : Color, purple_shade : Color, yellow : Color, base_25 : Color, base_50 : Color, base_100 : Color, base_200 : Color, base_300 : Color, base_400 : Color, base_500 : Color, base_600 : Color, base_700 : Color, base_800 : Color, base_900 : Color, base_950 : Color, marker_yellow : Color, marker_yellow_tint : Color, marker_yellow_shade : Color, black : Color, green : Color, red : Color, white : Color }
primaryColor : Color
secondaryColor : Color
hsl : Basics.Float -> Basics.Float -> Basics.Float -> Color
HSL color function.
Which takes the parameters h
, s
and l
.
Where h
is max 360 (degrees), s
max 100 (pct) and l
max 100 (pct) as well.
So given the CSS statement hsl(232.7, 20.3%, 12%)
, you'd say:
hsl 232.7 20.3 12
rgb : Basics.Int -> Basics.Int -> Basics.Int -> Color
RGB color function.
Which takes the parameters r
, g
and b
.
Each of which have a maximum value of 255.
Equivalent to the standard CSS rgb usage.
rgb 255 255 255
fonts : { body : String, display : String, mono : String }