Milligram | A minimalist CSS framework.
Author: CJ Patoilo
Description: Milligram provides a minimal setup of styles for a fast and clean starting point. Specially designed for better performance and higher productivity with fewer properties to reset resulting in cleaner code.

##### Typography

# Heading `<h1>` 4.6rem (46px)

## Heading `<h2>` 3.6rem (36px)

### Heading `<h3>` 2.8rem (28px)

#### Heading `<h4>` 2.2rem (22px)

##### Heading `<h5>` 1.8rem (18px)

###### Heading `<h6>` 1.6rem (16px)

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Obcaecati error a, quas fugit hic, accusantium autem necessitatibus praesentium placeat, iusto et soluta expedita! Quisquam repellendus voluptatem, tempora iste culpa fuga, on April 29!

Quisquam nobis, ad. Iusto, repudiandae. Autem ipsa blanditiis, quae, fugit nobis perspiciatis in beatae vitae numquam illo, architecto hic dolor molestiae aliquid.

##### Blockquotes

Yeah!! Milligram is amazing.

> Yeah!! Milligram is amazing.

##### Buttons

Default Button Outlined Button Clear Button Default Button Outlined Button Clear Button
Default Button
Outlined Button
Clear Button
Default Button
Outlined Button
Clear Button

##### Lists

- Unordered list item 1
- Unordered list item 2
- Unordered list item 3
  - Unordered list item 3.1
  - Unordered list item 3.2
  - Unordered list item 3.3
- Unordered list item 4
- Unordered list item 5

1. Ordered list item 1
2. Ordered list item 2
3. Ordered list item 3
   1. Ordered list item 3.1
   2. Ordered list item 3.2
   3. Ordered list item 3.3
4. Ordered list item 4
5. Ordered list item 5

Description list item 1
Description list item 2
Description list item 3
  Description list item 3.1
  Description list item 3.2
  Description list item 3.3
Description list item 4
Description list item 5

##### Forms

Legend
Text field Email field Number field Password field Select field
Color field Week field Datetime field Search field
Tel field URL field Radio field
Radio field 1
Radio field 2
Checkbox field
Checkbox field 1
Checkbox field 2
Textarea field Date field Month field Datetime-Local field Form buttons

##### Tables

Name | Position | Height | Born | Location
--- | --- | --- | --- | ---
Steve Kerr | Coach | 1,91 | September 27, 1965 | Beirut, Lebanon
Stephen Curry | Point Guard | 1,91 | March 14, 1988 | Akron, OH
Klay Thompson | Small Forward | 2,01 | February 8, 1990 | Los Angeles, CA
Draymond Green | Power Forward | 2,01 | March 4, 1990 | Saginaw, MI
Andre Iguodala | Small Forward and Shooting Guard | 1,98 | January 28, 1984 | Springfield, IL
Shaun Livingston | Point Guard and Shooting Guard | 2,01 | September 11, 1985 | Peoria, IL

##### Grids

100%
10%
90%
20%
80%
25%
75%
33%
67%
40%
60%
50%
50%
60%
40%
67%
33%
75%
25%
80%
20%
90%
10%
100%
90%
10%
80%
20%
75%
25%
67%
33%
60%
40%
50%
50%
40%
60%
33%
67%
25%
75%
20%
80%
10%
90%
100%
50%
50%
33.3%
33.3%
33.3%
25%
25%
25%
25%
20%
20%
20%
20%
20%
16.6%
16.6%
16.6%
16.6%
16.6%
16.6%
14.28%
14.28%
14.28%
14.28%
14.28%
14.28%
14.28%
12.5%
12.5%
12.5%
12.5%
12.5%
12.5%
12.5%
12.5%
11.11%
11.11%
11.11%
11.11%
11.11%
11.11%
11.11%
11.11%
11.11%
10%
10%
10%
10%
10%
10%
10%
10%
10%
10%
9.09%
9.09%
9.09%
9.09%
9.09%
9.09%
9.09%
9.09%
9.09%
9.09%
9.09%
8.3%
8.3%
8.3%
8.3%
8.3%
8.3%
8.3%
8.3%
8.3%
8.3%
8.3%
8.3%
50%
50%
25%
25%
25%
25%
25%
25%
25%
25%
50%
50%
25%
25%
25%
75%

##### Code

    .milligram {
      color: #9b4dca;
    }

##### Utilities

##### Examples

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