hipstyl
A collection of hipster-ish mixins for Stylus preprocessor.
The Collection
Check out our current hipstyls.
Color
- Pastelify
Buttons
- Pressable (w/ animation)
Shadow
- Long Shade
- Raised
Loading
- Website Bar (w/ animation)
Getting Started
Grab it from npm:
$ npm install hisptyl
Command-line
stylus --use ./node_modules/hipstyl/hipstyl.js --out ./
Gulp
var gulp = stylus = ; gulp;
Connect/Express
var stylus = hipstyl = ; app;
Other enviroments
var stylus = hipstyl = ; // call render & add more stylus config
Got a hipstyl? Really?
It'd be awesome to have your effect/mixin into hipstyl collection. So, make a Pull Request following these steps:
- Find a category your hipstyl fits (if there's no one, create one).
- Add your hipstyl in a mixin/selector inheritance form.
- Pull request it.
- ????
- PROFIT!!!1
To be accepted, your hipstyl must follow these requirements:
- It must be written in Stylus.
- It should require none or the minimal markup possible (try
:before
and:after
) - It should be hipster :D
- It must provide docs and a demo - codepen.io is recommended.
License
MIT