@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