stylus-material

A collection of stylus mixins for material design

Usage no npm install needed!

<script type="module">
  import stylusMaterial from 'https://cdn.skypack.dev/stylus-material';
</script>

README

stylus-material@1.4.3

npm version dependency status devDependency status Gitter

A collection of stylus mixins for material design. This is basically a port of the static parts of materialize to Stylus using Mixins.

Here's the documentation.

Installation

Install with npm:

npm install stylus-material --save

Usage

...
<footer>
  <ul>
    <li>Imprint</li>
    <li>Privacy</li>
    <li>Terms and Conditions</li>
  </ul>
</footer>
...
@require "../node_modules/stylus-material"
  
footer
  sm-navbar()

  & ul
    sm-horizontal-list('—')

Find examples of all components in the docs folder.

Library size

This library uses mostly mixins, therefore only what you actually use will increase your filesize. Due to use of mixins, there will be a lot of repeated css in the output. If you don't already, make sure you serve your css gzipped.