jeremycaldwell/html-starter

HTML Starter

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);