@windijs/helpers
Version:
@windijs/helpers
211 lines (193 loc) • 2.5 kB
Markdown
# @windijs/helpers
Operations related to css.
## CSS In JS
- $
- css
- prop
- atomic
- unify
- inline
- bundle
- injectCSS
- escapeCSS
- applyVariant
- cssInJsLoader
- useArrayHelper
- useStyleLoader
## Namer
- alphaNamer
- atomicNamer
- hashNamer
- useNamer
- nameStyle
## Meta
- getMeta
- getUid
- resetMeta
- pushMetaProp
- updateMetaType
## Utils
- isProxy
- isStyleObject
- getStyleVariants
- getStyleProps
- getStyleIdent
- baseStyleTarget
- baseStyleHandler
- getFirstVar
## Color Process
- digitToHEX
- rgbToHEX
- hexToRGB
- sliceColor
- rgbToHSL
- hueToRGB
- hslToRGB
- hwbToRGB
- adjustHue
- adjustSaturation
- adjustLightness
- adjustRed
- adjustGreen
- adjustBlue
- adjustAlpha
- mixColor
- subMixColor
- colorLuminance
- getLightColor
- getDarkColor
- Color
- static hex
- static rgb
- static rgba
- static hsl
- static hsla
- static hwb
- static mix
- static subcolormix
- get hex
- get rgb
- get rgba
- get hsl
- get hsla
- get hwb
- get red
- get blue
- get green
- get hue
- get saturation
- get lightness
- get alpha
- get opacity
- get whiteness
- get blacknness
- get ieHexStr
- invert()
- adjustRed()
- adjustGreen()
- adjustBlue()
- adjustHue()
- adjustSaturation()
- adjustLightness()
- adjustAlpha()
- complement()
- saturate()
- desaturate()
- grayscale()
- lighten()
- darken()
- opacify()
- transparentize()
- fadeIn()
- fadeOut()
- adjust()
- scale()
- change()
- lightenSet()
- darkenSet()
- desaturateSet()
- complementSet()
- invertSet()
## CSS Units
- color
- percent
- deg, grad, rad, turn
- s, ms
- fr
- $in
- dpi, dpcm, dppx, x
- px, pc, pt, cm, mm, Q, ch, ex, em, rem, vw, vh, vmax, vmin
## CSS Functions
- filters
- transforms
- quote
- attr
- url
- $var
- path
- hwb
- dropShadow
- counters
- circle
- ellipse
- inset
- polygon
- matrix
- matrix3d
- perspective
- rotate
- rotate3d
- rotateX
- rotateY
- rotateZ
- scale
- scale3d
- scaleX
- scaleY
- scaleZ
- skew
- skewX
- skewY
- translate
- translate3d
- translateX
- translateY
- translateZ
- steps
- calc
- clamp
- max
- min
- abs
- sign
- blur
- brightness
- contrast
- grayscale
- invert
- opacity
- saturate
- sepia
- rgb
- rgba
- hsl
- hsla
- counter
- env
- minmax
- repeat
- hueRotate
- fitContent
- cubicBezier
- linearGradient
- radialGradient
- conicGradient
- repeatingConicGradient
- repeatingLinearGradient
- repeatingRadialGradient
## CSS Math
- add
- sub
- mul
- div
- prec