stylus-import-tree

This plugin allows you to recursively import entire directories instead of writing bunch of @import statements in your stylus file:

stylus-import-tree

This plugin allows you to recursively import entire directories instead of writing bunch of @import statements in your stylus file:

import_tree('./foobar')
 
// insted of:
// @import 'foobar/a'
// @import 'foobar/b'
// @import 'foobar/c/d'

Files will be imported in alphabetical order based on filename. To import the files in a specific order you can either name them accordingly, use this plugin in conjunction with a build tool such as Grunt, or import them separately:

@import 'variables'
@import 'base'
 
import_tree('./modules')

You can setup this plugin using define

importTree = require 'stylus-import-tree'
 
stylus(str)
.define("import_tree"importTree)
.render (err, css) ->
  throw err if err
  console.log css
grunt.initConfig
  stylus:
    dist:
      options:
        define:
          import_tree: require 'stylus-import-tree'
      files:
        'tmp/assets/styles/app.css': ['app/styles/app.styl']

This is a fork of Style import_tree Proof of Concept by Aleksey V. Zapparov.

MIT