fission-codes/kit/1.0.0

Formerly fission-suite/kit. Search finds this package by either name.

Kit

🎨

{ 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
hsl : Float -> Float -> 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 : Int -> Int -> 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
}