Stylus Mixins

A collection of Stylus mixins which can be used in conjunction with Stylus Autoprefixer or similar, to mimic, improve, and extend the functionality of Nib.

Documentation

Documentation for each mixin can be found in the docs directory.

General

• Clearfix - clearfix()
• Internet Explorer - ie()
• Opacity - opacity()
• Triangle - triangle()

Media Queries

• HiDPI - hidpi()
• Width/Height - width-min(), width-max(), width-range(), height-min(), height-max(), height-range()

Text

• Ellipsis - ellipsis()
• Font Face - font-face()
• Hide Text - hide-text()

Units

• Em - em()
• Percentage - percentage()
• Ratio - ratio()
• Ratio Percentage - ratio-percentage()
• Rem - rem()
• Tracking - tracking()

Helpers

• Column Span Width - col-span-width()
• Timing Function Variables - Cubic Bezier values for common easing functions

Running Tests

All mixins have test coverage to ensure everything works as expected. To run the tests, clone this repo and run:

npm test

Licence

ISC © Jack Brewer