Browse html5boilerplate.com for the full workup.
Or, you can read more about compass extensions here.
gem install compass-h5bp
Or, in your Gemfile
$ bundle install
Inside your Scss (or Sass) file, you first need to import the
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. http://necolas.github.com/normalize.css
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 http://html5boilerplate.com
Copyright (c) 2012 Peter Gumeson See LICENSE for full license.