Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including aspax-styl-handler with all npm packages installed. Try it out:

var aspaxStylHandler = require("aspax-styl-handler")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

aspax-styl-handler v1.0.8

Plugin enabling ASPAX to handle Stylus files.

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

Metadata

RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free