Lean & Powerful

Examples of Girder CSS
By Joel Tjintjelaar *
By Joel Tjintjelaar *
By Joel Tjintjelaar *
By Joel Tjintjelaar *

Inspect these basic examples


Its conscise but well commented. No excess stuff, only the essentials.


Girder works with Node-Sass or Ruby Sass and easily adapts to your needs.


The grid likes relative units, it supports media queries and you can build mobile-first.

Quick Setup

Copy the Scss folder and files directly into your project's path. Get them from Github or from the downloaded examples.

With Bower just use: "bower install girder --save" and add a reference to either scss/_girder.scss or girder.css inside the components folder.

Using Scss

@import the _girder.scss partial which should reside next to its modules in your project.

Standard CSS

Simply include girder.css in your document along with the site's styles. (Like this page)

For more tips on using Sass and Girder check out the journal.