/gulp-octobercms-stylus

:100: Ninjutsu styling for October CMS, using Stylus & Gulp

Primary LanguageJavaScript

Ninjutsu styling for October CMS

A simple Gulp build for October CMS, utilizing awesome Stylus libraries for fast, powerful ninja-like development.

Install

Clone or download into a October CMS theme and run:

npm install --save

Methodology

The workflow is borrowed heavily from Roots, a static site compiler which features Stylus out of the box. I love Roots and use it often... but when a project requires the use of a CMS; October CMS is my go-to.

Missing the functionality of Roots while working on October CMS sites has brought me to make this Gulp build.

Stylus!

The same workflow from Roots, these libraries make you feel like a CSS ninja.

  • Lost Grid - Like an 'Autoprefixer' for grids. Powerful and easy to use.
  • Autoprefixer - Makes sure your CSS jives correctly in all browsers.
  • Axis - CSS library built on top of Stylus.
  • Rupture - Media Queries made simple.
  • BrowserSync - Keep multiple browsers & devices in sync when building websites.

Usage

Running the command gulp in the installed directory will activate the default stream which:

  • Watches over your Stylus and HTML for changes
  • Compiles
  • Updates the browser automatically