Adds support for the Stylus CSS pre-processor to DocPad
Convention: .css.styl|stylus
docpad install stylus
The default configuration for this plugin is the equivalant of adding the following to your DocPad configuration file.
plugins:
stylus:
stylusLibraries:
nib: true
stylusOptions:
compress: true
'include css': true
# Disable compression on the development environment
environments:
development:
stylusOptions:
compress: falseYou can customise the options sent to stylus using the stylusOptions object. See the available options here.
By default we include the Nib Stylus Library.
Nib is a small and powerful library for the Stylus CSS language, providing robust cross-browser CSS3 mixins to make your life as a designer easier. By default nib support is enabled, but it can be disabled by setting the useNib option to false.
To use Nib, add the following to your main stylus file:
@import 'nib'Alternatively, if you would prefer to use individual parts like gradient support, you can do this by using:
@import 'nib/gradients'You can also turn off the inclusion of the Nib by setting the following:
plugins:
stylus:
stylusLibraries:
nib: falseYou can include your own custom libraries, providing you npm install them yourself.
To use the Axis Stylus Library instead of Nib, you first first install axis by doing:
npm install --save axis-cssThen update our DocPad configuration file with:
plugins:
stylus:
stylusLibraries:
nib: false
'axis-css': trueYou can also customise the configuration sent to the library by doing the following, in this case, we set the axis implicit property to false:
plugins:
stylus:
stylusLibraries:
nib: false
'axis-css':
implicit: falseYou can discover the history inside the History.md file
You can discover the contributing instructions inside the Contributing.md file
Licensed under the incredibly permissive MIT License
Copyright © 2012+ Bevry Pty Ltd us@bevry.me
Copyright © 2011 Benjamin Lupton b@lupton.cc




