HTML Starter
CSS JavaScript HTML Ruby
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
css
images
js
sass
.DS_Store
.gitignore
Gemfile
Gemfile.lock
Gruntfile.js
NOTES.txt
README.md
favicon.ico
index.html
package.json

README.md

Requirements

brew install GraphicsMagick
brew install ImageMagick

Quickstart

bundle install
npm install

Grunt commands

Watch

grunt watch

Concatenate JS

grunt concat

Uglify (inline) JS

grunt uglify

Create PNG sprite

grunt sprite

SVG minimize

grunt svgmin

SVG sprites with PNG fallback

grunt svg-sprites

Compress images

grunt imageoptim

Compile CSS

grunt compass

PNG Sprites

// Icon - Email
.icon-email {
  @include sprite($email);  
}

SVG background (non sprite)

@include svg-bg('imagename', 'directory');

Example:

@include svg-bg('carat-down_brown', 'other');

Sass

Font size

@include font-size(24);