Introducing Colette

Colette is a css and js starter kit for 20 Minutes web projects. It provides basic styles and mixins to build responsive layouts, based on the 20 Minutes digital identity guidelines.

---

Features

• basic typography: headings, body text, lists, etc.
• helpers: colors, borders, icons, etc.
• grid system: 12-columns based, with customizable breakpoints
• ready-to-use html/css components: buttons, navbar, socialbar, content teasers, media, and loading animation

---

Dependencies

• normalize.css by Nicolas Gallagher: a collection of HTML element and attribute style-normalizations
• Headroom.js by Nick Williams: a lightweight, high-performance JS widget (with no dependencies!) that allows you to react to the user's scroll.

---

Installation

Install with Bower

bower install colette --save

Install with npm

npm install colette --save

---

Download

• See the dist/ directory for ready-to-use css files.
• If you want to use Colette as a kickstarter for custom stylus/css projects, check src/.