Go to main content

Textpattern CMS support forum

You are not logged in. Register | Login | Help

#1 2015-11-07 02:35:52

spiffin
Plugin Author
From: London, UK
Registered: 2004-06-08
Posts: 95
Website

Stylus CSS preprocessor integration plugin testers?

Hello all

I’m a big fan of Stylus – a CSS preprocessor similar to Less or SASS, but easier to use (IMHO) and more powerful.

I’ve developed a plugin for the Presentation > Styles tab with the following features:

  1. Use Stylus CSS shorthand (and variables, mixins, operators, functions, etc.) in your Presentation > Styles.
  2. Output flat CSS files to a directory of your choice.
  3. Stylus understands plain CSS (and a mixture of Stylus and CSS in the same file) so you can, for example, write plain CSS but use Stylus variables. Mix & match – the best of both worlds.
  4. Optional CSS compression via preferences.
  5. Use a range of Stylus modules (for example Jeet or Axis).
  6. PostCSS plugin support (experimental) – I use it for Lost.
  7. Integration with spf_codemirror for CSS/Stylus syntax-highlighting via CodeMirror.

Does anyone happen to use Stylus? And would anyone be interested in testing the plugin before I release it proper?

The requirements are:

  • Stylus (and therefore npm/Node.js) – installed with npm install -g stylus.
  • Unix or a Mac. Ideally it needs ‘unexpand’ (part of coreutils) as Stylus relies upon tab indents (and unexpand converts spaces to tabs). On a Mac install coreutils via Homebrew with brew install coreutils. On a Unix server coreutils should already be installed.

Simon

Last edited by spiffin (2015-11-07 07:31:00)

Offline

Board footer

Powered by FluxBB