@mspg/transpile-stylus

transpiles stylus to css, then uses a very simple css simplifier.

usage:

first set up a mspg project.

then, in src/config.js

import CSS from '@mspg/transpile-stylus'

export default {
  TRANSPILERS: {
    CSS,
  },
}

src directory file extensions unchanged

do not rename the *.css files in the /src directory, you can just use stylus in them now.

include/extend

you can also use the /includes/css directory to create *.styl files and @import them from the css files in /src.

variables

if /includes/css/variables.styl exists, it will be imported and the variables in it will be available in all css files.

mixins

if /includes/css/mixins.styl exists, it will be imported and the mixins in it will be available in all css files.

css reset

if you add

@import 'nib'
reset-css()

at the top of your css, nib will be available and a css reset applied

example app

a minimal example app is in the example directory of this repository, using config.js from the root directory

example app on github.io

the example app is published to the gh-pages branch. it is hosted @ https://mspg.github.io/transpile-stylus