Go to file

Sérgio Gomes 122d828659 Fixing an arcane bug with tooltips in Safari		2015-02-05 11:37:21 +00:00
css	material-styleguide => material-design-lite	2015-02-04 10:33:39 +00:00
images	Add initial images from build to /images	2015-02-04 10:13:52 +00:00
js	material-styleguide => material-design-lite	2015-02-04 10:33:39 +00:00
src	Fixing an arcane bug with tooltips in Safari	2015-02-05 11:37:21 +00:00
.editorconfig	Update editorconfig	2014-06-20 19:31:06 -03:00
.gitattributes	Bring back .git configs	2015-02-04 10:10:46 +00:00
.gitignore	Bring back .git configs	2015-02-04 10:10:46 +00:00
.jscsrc	Fix .jscsrc rule	2015-01-26 10:33:51 +00:00
.jshintrc	Updates to fix jshint warnings	2014-12-23 01:02:30 +00:00
LICENSE	Update copyright year	2015-01-06 13:36:47 +00:00
README.md	readme tweaks	2015-02-05 13:46:41 +07:00
bower.json	material-styleguide => material-design-lite	2015-02-04 10:33:39 +00:00
gulpfile.js	Refresh Gulpfile for this project	2015-02-04 10:14:57 +00:00
package.json	material-styleguide => material-design-lite	2015-02-04 10:33:39 +00:00

README.md

Material Design Lite

A library of Material Design components in CSS, JS and HTML

Getting Started

Download

Clone or download this repository and reference the following files in your project:

<script src="js/material.min.js">
<link rel="stylesheet" href="css/material.min.css">

You will want to include the entire package to ensure optional assets like images or fonts are correctly included.

npm

$ npm install --save material-design-lite

bower

$ bower install --save material-design-lite

Development

The sources (JS, Sass) and demo files for all components can be found in the src directory. To get started modifying them, first install the necessary dependencies, from the root of the project:

$ npm install && npm install -g gulp

Next, run the following one-liner to preview the components:

$ gulp serve

Any changes made to files inside the src directory will cause the page to reload. This page can also be loaded up on physical devices thanks to BrowserSync.

To build a production version of the components, run:

$ gulp

This will clean and update the css, js and images directories in the root of the project with minified and concatenated versions of the component files. Namely, css/material.min.css and js/material.min.js.