Milligram | A minimalist CSS framework.
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, !

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
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
Tables

Name Age Height Location
Kevin Durant 27 2.06 Washington, DC
Stephen Curry 27 1,91 Akron, OH
Klay Thompson 25 2,01 Los Angeles, CA
Draymond Green 26 2,01 Saginaw, MI
Andre Iguodala 32 1,98 Springfield, IL
Anderson Varejão 33 2,08 Colatina, ES
Shaun Livingston 30 2,01 Peoria, CA
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

float to left float to right
Examples