README.en.md

Compass H5BP CodeKit Barebone

Compass H5BP CodeKit Barebone is a professional front-end template for CodeKit. It’s based on HTML5 Boilerplate and is optimized for Compass by Compass H5BP compass extention. And useful libraries and many helpful tips are included, too.

System Requirements

• CodeKit
• Bower

Features

• CodeKit ready.
• Compass ready.
• Resource management by Bower.
• .css{user:agent;} and Underscore.js ready.
• Social plugin support for Facebook, Twitter and Google+.
• Google Analytics’s social tracking for Faebook and Twitter.
• Facebook ogp support.
• Twitter Card support.
• “Adobe Blank” webfonts and @font-family property in (s)css (_base.scss).
• Web Clips (apple-touch-icon.png / browserconfig.xml) settings ready.
• rel="logo" and logo.svg support.

Usage

0. Install and setup the system requirements.
1. Download ZIP and unzip it.
2. Drop unzipped folder to CodeKit.
3. That’s it!

Preset config for Compass

http_path        = "/"
css_dir          = "htdocs/assets/css"
sass_dir         = "htdocs/assets/scss"
images_dir       = "htdocs/assets/images"
javascripts_dir  = "htdocs/assets/js"
fonts_dir        = "htdocs/assets/fonts"
httpimagespath   = "assets/images"

output_style     = :compressed

relative_assets  = false

color_output     = false

preferred_syntax = :scss

sass_options     = { :debug_info => true }

License

• HTML5 Boilerplate, created by HTML5 Boilerplate.
• An HTML5 Boilerplate Extension for Compass, created by Peter Gumeson.
• .css{user:agent;}, created by Stephen M. McKamey.
• normalize-scss, created by Nicolas Gallagher and Jonathan Neal and John Albin Wilkins.
• underscore.js, created by Jeremy Ashkenas.
• Adobe Blank, created by Adobe Systems Incorporated.

Copyright (c) 2015 Takehiko Ono. See LICENSE for full license.