Getting Started

There are some ways to get started. First, see all download options available below, then choose the most suitable option for your need. Now you should add the main file of the Milligram and the CSS Reset in the header of your project. Just that!

Download Milligram

$ bower install milligram

Install with npm

Milligram is also available to install using npm.

$ npm install milligram

Install with Yarn

Milligram is also available to install using Yarn.

$ yarn add milligram

What's included

Once downloaded, extract the compressed folder to see the main file in the uncompressed and minified version.

milligram/
├── dist/
│   ├── milligram.css
│   └── milligram.min.css
├── example.html
├── license
└── readme.md

Usage

First, use any method mentioned above to download Milligram. Then, just add these tags in the head. Milligram is also available via CDN.

/* Google Fonts */


/* CSS Reset */


/* Milligram CSS */


/* You should properly set the path from the main file. */

CLI

A CLI for getting started with Milligram. It offers a super simple boilerplate project with Milligram.

$ npm install -g milligram-cli

Create a new app using the command milligram init, then install dependencies and run with npm start.

$ milligram init new_app
$ cd new_app
$ npm start

Examples

You can view more examples of using Milligram.

• Getting Started
• Typography
• Blockquotes
• Buttons
• Lists
• Forms
• Tables
• Grids
• Code
• Utilities
• Tips
• Browser Support
• Showcase

Contributing

Want to contribute? Follow these recommendations.