fission-suite / kit / Kit

🎨

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

fonts : { body : String, display : String, mono : String }