aspax-styl-handler

1.0.8 • Public • Published

What's this?

NPM version Dependency Status License Downloads

A plugin that enables ASPAX to handle Stylus files.

Installation

Type this in the folder where you're running ASPAX:

npm install aspax-styl-handler

If you're running ASPAX in a Node.js application root folder, consider using the --save-dev option to avoid deploying this plugin to your production environment:

npm install aspax-styl-handler --save-dev

Usage

Simply add .styl source files in aspax.yml:

app.css:
  - lib.css
  - styles-1.styl
  - script-2.styl|nib

Available flags

  • nib: include support for nib CSS3 extensions - see more here.

    With nib enabled, something like this:

      button
        border-radius 1px 2px / 3px 4px
    
      button
        border-radius 5px
    
      button
        border-radius bottom 10px
    

    ...will yield:

      button {
        -webkit-border-radius: 1px 2px/3px 4px;
        -moz-border-radius: 1px 2px/3px 4px;
        border-radius: 1px 2px/3px 4px;
      }
    
      button {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
      }
    
      button {
        -moz-border-radius-topleft: 10px;
        -webkit-border-top-left-radius: 10px;
        border-top-left-radius: 10px;
        -moz-border-radius-bottomright: 10px;
        -webkit-border-bottom-right-radius: 10px;
        border-bottom-right-radius: 10px;
      }
    

What about watching for imported files?

This plugin is smart enough to recursively scan for @import statements and automatically trigger ASPAX to rebuild the parrent asset if one of the files in your import tree changes.

Endorsing the author

If you find this piece of software useful, please tweet about ASPAX and endorse me on LinkedIn:

Ionut-Cristian Florescu on LinkedIn

Package Sidebar

Install

npm i aspax-styl-handler

Weekly Downloads

1

Version

1.0.8

License

MIT

Last publish

Collaborators

  • icflorescu