Blackjack - A CSS Toolkit

Blackjack is a collection of mixins, functions and helpers written in Stylus to make your front-end development easier and faster.

https://www.youtube.com/watch?v=BGi6Q1pNbS0

Why should I use this?

A minimum level of work is always required when building CSS for a web site or application. Every project you work on will need things such as resets, helper classes, and a whole mess of other parts. Instead of re-inventing the wheel, Blackjack gives you a starting place for your CSS. It's engineered to be re-usable across projects and easy to drop into any Stylus codebase.

How do I use this?

The source directory contains the good stuff. Use Stylus's @import to pull in blackjack.styl to your project. Blackjack is built to never output any CSS unless one of its mixins or placeholder classes is invoked.

What API is exposed?

• $gridContainer / gridContainer()
• gridCell()
• makeBreakpoint()
• $clearfix / clearfix()
• densityBreakpoint()
• $topright
• $topleft
• $bottomright
• $bottomleft
• $rotate90
• $rotate180
• $rotate270
• $rotate90Ctr
• $rotate180Ctr
• $rotate270Ctr
• $spacingClasses
• $borderBox / borderBox()
• $zero / zero()
• rotation()
• shake()
• pulse()
• hop()
• $buttonReset
• simpleButton()
• filledButton()
• $field / field()
• hyperlink()
• zebraList()
• flexboxTable()
• $fontStack / fontStack()

See the gallery page for complete documentation.