tolgaergin / polished

A lightweight toolset for writing styles in JavaScript ✨

A lightweight toolset for writing styles in Javascript. ✨

npm install --save polished

• Make your app look great without stress
• Cross framework compatible: No matter if you're using styled-components, aphrodite, radium or plain inline styles, as long as you're writing your styles in JavaScript you can use polished!
• Switching from a pre-processor to styles in JS made easy

Docs

See the full documentation at polished.js.org!

ToC

Mixins

• clearFix
• ellipsis
• fontFace
• hiDPI
• hideText
• normalize
• placeholder
• radialGradient
• retinaImage
• selection
• timingFunctions
• wordWrap

Color

• adjustHue
• complement
• darken
• desaturate
• grayscale
• hsl
• hsla
• invert
• lighten
• mix
• opacify
• parseToHsl
• parseToRgb
• rgb
• rgba
• saturate
• setHue
• setLightness
• setSaturation
• shade
• tint
• transparentize

Shorthands

• animation
• backgroundImages
• backgrounds
• borderColor
• borderRadius
• borderStyle
• borderWidth
• buttons
• margin
• padding
• position
• size
• textInputs
• transitions

Helpers

• directionalProperty
• em
• modularScale
• rem
• stripUnit

Types

• Ratio
• RgbColor
• RgbaColor
• HslColor
• HslaColor
• FontFaceConfiguration
• RadialGradientConfiguration
• TimingFunction
• AnimationProperty
• ButtonState
• InputState
• toColorString
• PointingDirection

Compatibility

✨ polished is compatible with any library that accepts styles as JS objects. This includes, but is by far not limited to, styled-components, radium, aphrodite, glamor, jss and many more!

No matter if you're using inline styles or CSS-in-JS, polished is for you.

License

Copyright © 2016 Maximilian Stoiber. Licensed under the MIT License, see LICENSE.md for more information!