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:
- Install SassDoc:
npm install sassdoc -g - Install Guss:
bower install guss - Build the docs:
sassdoc bower_components sassdoc --config bower_components/guss/sassdoc.json - Read the docs:
open sassdoc/index.html