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

float to left float to right
Examples