Skip to content
HTML Starter
CSS JavaScript HTML Ruby
Branch: master
Clone or download

Latest commit

Fetching latest commit…
Cannot retrieve the latest commit at this time.

Files

Permalink
Type Name Latest commit message Commit time
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);
You can’t perform that action at this time.