SASS-Material-Design-for-Bootstrap

KO | EN

gitlite — search

#nodejs #php #javascript #hacktoberfest #android #arduino #python #ruby #require #scala #dotnet #go

SASS-Material-Design-for-Bootstrap

★ 61 Open GitHub ↗

Extends Bootstrap with Google Material Design concepts.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# SASS Material Design for Bootstrap

[![Build Status](https://travis-ci.org/andrew-waters/SASS-Material-Design-for-Bootstrap.svg?branch=master)](https://travis-ci.org/andrew-waters/SASS-Material-Design-for-Bootstrap.svg)

## Introduction

The purpose of this repository is to extend, within Bootstrap, the options available to the developer / designer in line with the Google Material Design concepts.

View the [preview site](http://code.band-x.media/SASS-Material-Design-for-Bootstrap/)

## Installation

Install Grunt, SASS, Jekyll and Bower if you need them then install bower components

```
npm install -g grunt-cli
gem install sass
gem install jekyll
npm install -g bower
bower install
```

### Install Grunt, required plugins and update NPM:

```
npm install grunt --save-dev
npm install grunt-contrib-sass --save-dev
npm install grunt-contrib-watch --save-dev
npm install grunt-contrib-uglify --save-dev
npm install grunt-contrib-cssmin --save-dev
npm install grunt-contrib-copy --save-dev
npm install grunt-contrib-imagemin --save-dev
npm install grunt-jekyll --save-dev
npm install grunt-concurrent --save-dev
npm install grunt-sketch --save-dev
npm update -g
```

You will also need to download the latest [Sketch Tool](http://sketchtool.bohemiancoding.com/sketchtool-latest.zip), unzip it and run the `./install.sh`

Run Grunt:

```
grunt
```

Grunt will then watch concurrently for changes to docs, js and scss files and build each as required.

### Documentation

The documentation is generated using [Jekyll](http://jekyllrb.com) and resides in the `docs` directory. When you run `grunt` we automatically set up a Jekyll server [locally](http://127.0.0.1:4000/) with the docs running.

Any changes to the source files we be built and the local docs will be updated.

## Links

[Bootstrap](http://getbootstrap.com), [Google Material Design](http://www.google.com/design/spec/material-design)

SASS-Material-Design-for-Bootstrap

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README