Susyboot

Susy-powered Bootstrap grid replacement.

Goals

Note

It is not a pixel-perfect replacement because of the differences in calculating gutters. The gutters have fixed size in Bootstrap (30px by default). In Susy, they are calculated dynamically.

Features

Examples

Please note that the gutters are different. Read this note for more detail.

Installation

a) Manual

Just include susyboot.css into your page head:

<link href="css/susyboot.css" type="text/css" rel="stylesheet" media="all" />

b) Ruby gem

# command line
gem install susyboot
# config.rb
require 'susyboot'
/* app.scss */
@import "susyboot";

c) Composer

# command line
php composer.phar require kkomelin/susyboot 0.1.x-dev
/* main.tpl.php (html head) */
<link href="vendor/kkomelin/susyboot/css/susyboot.css" type="text/css" rel="stylesheet" media="all" />

or

/* app.scss */
@import "vendor/kkomelin/susyboot/scss/susyboot";

d) Bower

# command line
bower install susyboot --save
/* app.scss */
@import "bower_components/susyboot/scss/susyboot";

e) NPM

# command line
npm install susyboot
/* app.scss */
@import "node_modules/susyboot/scss/susyboot";

Roadmap

Normalize.css

For improved cross-browser rendering, we use the same version of Normalize.css, a project by Nicolas Gallagher and Jonathan Neal, which is included in Bootstrap.