Open
Description
I'm using and enjoying Stylus and Nib whenever working alone on a project, but in the office we're in the process of choosing a CSS preprocessor and library to use on team projects from here on out. I wanted the choice to be Stylus but the documentation (for Stylus too, but especially Nib) is simply much too thin.
It was good enough that through reading the source and what documentation there is I was able to fumble my way through to a fairly decent understanding (I think) but the company I'm working for can't afford for the whole front end web development team to go through the same teething process.
- A good start would perhaps be to more fully document which properties are overridden (vendor prefixes automatically added, etc), and which prefixes are added for which. Maybe in matrix form.
- Clearer ideas of how syntax is made "more expressive" and "augmented" -- a formal explanation of syntax is key in addition to the couple of examples which are given in a few cases.
- Installation notes are too complicated for the simple case of a non-node site having a couple of stylesheets which want to use nib. What I've done is simply
npm install nib
and then I've got@import '../node_modules/nib/index.styl'
. It'd be useful to include this as one of the options. Plus the neater option of usingstylus -u node_modules/nib
and then just@import 'nib'
.
It looks like we're going to pick Sass or Less for now, but hopefully in future I can get them to switch.