Guss

Installation

bower install guss --save

@import 'bower_components/sass-mq/_mq';
@import 'bower_components/guss-css3/_css3';
@import 'bower_components/guss-rem/_rem';
@import 'bower_components/guss-grid-system/_grid-system';
@import 'bower_components/guss-layout/_row';
@import 'bower_components/guss-layout/_columns';
@import 'bower_components/guss-typography/_typography';
@import 'bower_components/guss-colours/_colours';
@import 'bower_components/guss-webfonts/_webfonts';

Features

Guss (Guardian Style Sheets) is a collection of universal components re-usable across Guardian web products.

It is inspired by Nicolas Gallagher's Suit framework.

Utilities

guss-css3: Sass mixins for the most frequently used CSS3 features
guss-rem: Use rem units in your CSS in a retro-compatible way

Components

guss-grid-system: Grid system
guss-layout: Responsive Layout patterns
guss-typography Font scale and default typography settings
guss-colours: Helpers for working with colours
guss-webfonts: Guardian Webfonts

Documentation

Use SassDoc to build the documentation locally: