@fission-suite/kit

2.1.0
Need help reading this?

animations

animations
Static Members
▸ loading
▸ loading-left-spin
▸ loading-right-spin
▸ loading-line-1
▸ loading-line-2
▸ loading-line-3
▸ loading-line-4
▸ loading-bugfix-placeholder-rotate
▸ loading-bugfix-placeholder-line-1
▸ loading-bugfix-placeholder-line-2
▸ loading-bugfix-placeholder-line-3
▸ loading-bugfix-placeholder-line-4

keyframes

keyframes
Static Members
▸ loading-rotate
▸ loading-left-spin
▸ loading-right-spin
▸ loading-line-1
▸ loading-line-2
▸ loading-line-3
▸ loading-line-4

colors

Colors dictionary.

colors
Static Members
▸ pink
▸ pink_tint
▸ pink_shade
▸ purple
▸ purple_tint
▸ purple_shade
▸ yellow
▸ base_25
▸ base_50
▸ base_100
▸ base_200
▸ base_300
▸ base_400
▸ base_500
▸ base_600
▸ base_700
▸ base_800
▸ base_900
▸ base_950
▸ marker_yellow
▸ marker_yellow_tint
▸ marker_yellow_shade
▸ black
▸ green
▸ red
▸ white

primaryColor

primaryColor

secondaryColor

secondaryColor

hsl

hsl css color function.

hsl(h: number, s: number, l: number): string
Parameters
h (number)
s (number)
l (number)
Returns
string:

rgb

rgb css color function.

rgb(r: number, g: number, b: number): string
Parameters
r (number)
g (number)
b (number)
Returns
string:

fonts

Fonts dictionary.

fonts
Static Members
▸ body
▸ display
▸ mono

fontSizes

Additional font sizes, on top of the default Tailwind set.

Tiny = Between xs & sm (13px based on default 16px) Slight = Just below normal (ie. between sm & base, 15px based on default 16px)

fontSizes
Static Members
▸ tiny
▸ slight

fontFaces

fontFaces(options: Object): Array<Object>
Parameters
options (Object)
Name Description
options[].fontsPath string Relative path to font files.
options.fontsPath any
Returns
Array<Object>:

dasherizeObjectKeys

Replaces all underscores with a dash in the keys of an object.

dasherizeObjectKeys(object: Object<string, any>): Object<string, any>
Parameters
object (Object<string, any>)
Returns
Object<string, any>:

tailwindPurgeList

To be used in the Tailwind purge config property.

tailwindPurgeList(kitDir: string)
Parameters
kitDir (string = ./node_modules/@fission-suite/kit) Path to NPM module relative from your project's root directory.