Browse html5boilerplate.com for the full workup.
Or, you can read more about compass extensions here.
1) A raw install using gem:
gem install compass-h5bp
2) Or, if using Bundler. Place the following line in your Gemfile:
$ bundle install
First, you must add the plugin to your
config.rb (your Compass configuration file). This can be done be placing an
import line at the top of the file and is required to add the compass plugin to the sass load paths:
Then, inside your SCSS (or Sass) file, you must import the
h5bp compass library before you can use any of the mixins:
Then include the mixins that make up the Normalize portion of HTML5 Boilerplate's styles.
You can include all of Normalize at once:
Or pull in only the portions of Normalize you want:
@include h5bp-display; @include h5bp-base; @include h5bp-links; @include h5bp-typography; @include h5bp-lists; @include h5bp-embeds; @include h5bp-figures; @include h5bp-forms; @include h5bp-tables;
Next you can include the opinionated default base styles:
You can include the default Html5 Boilerplate Chrome Frame notification styling:
Now you can define your own custom CSS here.
Then (optionally) let H5bp define some semantic helper classes. (e.g.
Finally, you can include H5bp's predefined print style media query:
HTML5 Boilerplate, created by by Paul Irish and Divya Manian.
Copyright (c) 2012 Peter Gumeson. See LICENSE for full license.