https://github.com/dbartholomae/stylus-material

A collection of stylus mixins for material design
https://github.com/dbartholomae/stylus-material

Last synced: about 2 months ago
JSON representation

A collection of stylus mixins for material design

• Host: GitHub
• URL: https://github.com/dbartholomae/stylus-material
• Owner: dbartholomae
• Created: 2016-01-23T23:57:34.000Z (almost 9 years ago)
• Default Branch: master
• Last Pushed: 2018-10-20T13:22:31.000Z (about 6 years ago)
• Last Synced: 2024-11-16T02:49:07.447Z (about 2 months ago)
• Language: CSS
• Size: 2.3 MB
• Stars: 10
• Watchers: 4
• Forks: 2
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# [email protected]

[![npm version](https://badge.fury.io/js/stylus-material.svg)](https://npmjs.org/package/stylus-material)

[![dependency status](https://david-dm.org/dbartholomae/stylus-material.svg?theme=shields.io)](https://david-dm.org/dbartholomae/stylus-material)

[![devDependency status](https://david-dm.org/dbartholomae/stylus-material/dev-status.svg)](https://david-dm.org/dbartholomae/stylus-material#info=devDependencies)

[![Gitter](https://badges.gitter.im/dbartholomae/stylus-material.svg)](https://gitter.im/dbartholomae/stylus-material) 

A collection of stylus mixins for material design. This is basically a port of the static parts of

[materialize](https://github.com/Dogfalo/materialize/) to

[Stylus](https://github.com/stylus/stylus/) using Mixins.

Here's [the documentation](https://rawgit.com/dbartholomae/stylus-material/v1.4.3/docs/index.html).

## Installation

Install with `npm`:

```sh

npm install stylus-material --save

```

 

## Usage

```html

...

  


    
Imprint

    
Privacy

    
Terms and Conditions

  


...

```

```styl

@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.