├── sassdoc.json ├── bower.json ├── LICENSE └── README.md /sassdoc.json: -------------------------------------------------------------------------------- 1 | { 2 | "package": { 3 | "title": "Guss", 4 | "name": "guss", 5 | "homepage": "https://github.com/guardian/guss", 6 | "description": "Guss (Guardian Style Sheets) is a collection of universal components re-usable across Guardian web products." 7 | } 8 | } 9 | -------------------------------------------------------------------------------- /bower.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "guss", 3 | "dependencies": { 4 | "guss-rem": "~1", 5 | "guss-grid-system": "~1", 6 | "guss-typography": "~3", 7 | "guss-layout": "~1", 8 | "guss-css3": "~2", 9 | "guss-colours": "~3", 10 | "guss-webfonts": "~2" 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | Copyright 2014 Guardian News & Media Ltd 2 | 3 | Licensed under the Apache License, Version 2.0 (the "License"); 4 | you may not use this file except in compliance with the License. 5 | You may obtain a copy of the License at 6 | 7 | http://www.apache.org/licenses/LICENSE-2.0 8 | 9 | Unless required by applicable law or agreed to in writing, software 10 | distributed under the License is distributed on an "AS IS" BASIS, 11 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 12 | See the License for the specific language governing permissions and 13 | limitations under the License. -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Guss 2 | 3 | ## Installation 4 | 5 | ``` 6 | bower install guss --save 7 | ``` 8 | 9 | ```scss 10 | @import 'bower_components/sass-mq/_mq'; 11 | @import 'bower_components/guss-css3/_css3'; 12 | @import 'bower_components/guss-rem/_rem'; 13 | @import 'bower_components/guss-grid-system/_grid-system'; 14 | @import 'bower_components/guss-layout/_row'; 15 | @import 'bower_components/guss-layout/_columns'; 16 | @import 'bower_components/guss-typography/_typography'; 17 | @import 'bower_components/guss-colours/_colours'; 18 | @import 'bower_components/guss-webfonts/_webfonts'; 19 | ``` 20 | 21 | ## Features 22 | 23 | Guss (Guardian Style Sheets) is a collection of universal components re-usable across 24 | Guardian web products. 25 | 26 | It is inspired by Nicolas Gallagher's [Suit framework](https://github.com/suitcss/suit). 27 | 28 | ## Utilities 29 | 30 | - [guss-css3](https://github.com/guardian/guss-css3): Sass mixins for the most frequently used CSS3 features 31 | - [guss-rem](https://github.com/guardian/guss-rem): Use rem units in your CSS in a retro-compatible way 32 | 33 | ## Components 34 | 35 | - [guss-grid-system](https://github.com/guardian/guss-grid-system): Grid system 36 | - [guss-layout](https://github.com/guardian/guss-layout): Responsive Layout patterns 37 | - [guss-typography](https://github.com/guardian/guss-typography) Font scale and default typography settings 38 | - [guss-colours](https://github.com/guardian/guss-colours): Helpers for working with colours 39 | - [guss-webfonts](https://github.com/guardian/guss-webfonts): Guardian Webfonts 40 | 41 | ## Documentation 42 | 43 | Use [SassDoc](https://github.com/SassDoc/sassdoc) to build the documentation locally: 44 | 45 | 1. Install SassDoc: `npm install sassdoc -g` 46 | 2. Install Guss: `bower install guss` 47 | 3. Build the docs: `sassdoc bower_components sassdoc --config bower_components/guss/sassdoc.json` 48 | 4. Read the docs: `open sassdoc/index.html` 49 | --------------------------------------------------------------------------------