What's Nib?

Using Nib

Just add this line to the top of your main Stylus stylesheet, then save:

@import 'nib'

That's It?

Yes. Just start using Nib features in your Stylus file. You can even copy the import statement from the Nib category of Project Settings if you're feeling lazy:

How Does The Magic Work?

CodeKit contains a bundled copy of Nib. When the app sees the above @import statement in your stylesheet, CodeKit tells the Stylus compiler where it can find Nib's files, even though they aren't in your project.

Note: Gradient PNGs

For background gradients, Nib can create fallback PNG images for compatibility with older browsers that do not support CSS3 gradient syntax. This feature is not available in CodeKit for two reasons:

All browsers in use today understand CSS3 gradients.

This feature requires that you install special software libraries on your Mac.