material-ui-stylus

This is the Stylus counterpart of the material-ui React/CSS-framework which originally uses Less for the styles.

Latest Release: 0.5.0

Setup

There are multiple options to get the style files:

• a) npm install material-ui-stylus
• b) bower install material-ui-stylus
• c) Download the master version or clone this repository

Afterwards link the files as a references into your stylus sheet:

  @import 'node_modules/material-ui-stylus';           // (a)
  // or @import 'bower_components/material-ui-stylus'; // (b)
 
  // Your styles here
  h1 {
    ...
  }

Usage

The Stylus files work with the original material-ui React components.

You can customize the default values overriding those in _custom-variables.styl or including the some custom styles before loading the material-ui-styles files.

  $primary-1-color: red;
  @import 'node_modules/material-ui-stylus';
 
  // Your styles here
  h1 {
    ...
  }

Thanks

Kudos to the folks of call-em-all for their work on the material-ui framework and Giampaolo for his Sass port of the styles.