Cocktail.sass

A simple material design library for Sass.

Dependency Status	devDependency Status	Colours

Contents

• Install
• Usage
• Content
  • Colours
  • Buttons
  • Rounded Buttons
  • Action Buttons
  • Fixed
• Dependencies
• License

Install

Manually

Download here.

Bower

$ bower install cocktail.sass

Usage

// All of Cocktail.sass
@import "cocktail.sass/assets/cocktail.sass";

Content

Colours:

$black: #000000

$white: #ffffff

$red: #f44336

$pink: #e91e63

$purple: #9c27b0

$deep_purple: #673ab7

$indigo: #3f51b5

$blue: #2196f3

$light_blue: #03a9f4

$cyan: #00bcd4

$teal: #009688

$green: #4caf50

$light_green: #8bc34a

$lime: #cddc39

$yellow: #ffeb3b

$amber: #ffc107

$orange: #ff9800

$deep_orange: #ff5722

$brown: #795548

$grey: #9e9e9e

$blue_grey: #607d8b

Buttons:

.button

.button-black

.button-white

.button-red

.button-pink

.button-purple

.button-deep-purple

.button-indigo

.button-blue

.button-light-blue

.button-cyan

.button-teal

.button-green

.button-light-green

.button-lime

.button-yellow

.button-amber

.button-orange

.button-deep-orange

.button-brown

.button-grey

.button-blue-grey

<a class="button" href="">Button</a>

<a class="button button-red" href="">Button</a>

Rounded Buttons:

.button-rounded

<a class="button button-rounded" href="">Button</a>

<a class="button button-rounded button-red" href="">Button</a>

Action Buttons:

.button-action

<a class="button button-action" href="">Button</a>

<a class="button button-action button-red" href="">Button</a>

Fixed

.fixed

<a class="button button-action fixed" href="">Button</a>

Dependencies

You'll need the following installed:

• Latest Sass: $ gem install sass
• Latest Grunt CLI: $ npm install -g grunt-cli
• Node.js and npm

$ npm install

• grunt-contrib-concat
• grunt-contrib-sass
• grunt-contrib-uglify
• grunt-contrib-watch

To run all of this at once you can use:

$ grunt default

To automatically recompile the Sass files:

$ grunt watch

License

Created by and copyright HeliumSquid. Released under the MIT license.