minimal.css style guide
01. Typography
Heading 1
Helvetica Neue, 36px
Heading 2
Helvetica Neue, 24px
Heading 3
Helvetica Neue, 20px
Paragraph
Helvetica Neue, 14px
blue, hover:green
Title
Helvetica Neue, 48px .title
Subtitle
Helvetica Neue, 24px .subtitle
02. Color
For backgrounds, use .bg-*color* and for text,
.text-*color* .
.blue
.green
.yellow
.orange
.red
.purple
03. Text Classes
Paragraph
.bold, b, strong
Paragraph
.italic, i, em
Paragraph
.uppercase
Paragraph
.lowercase
Paragraph
.code, code
Paragraph
.pull-left
Paragraph
.pull-right
Paragraph
.centered
Paragraph
.caption
Paragraph
.lead
05. Blockquotes
Innovation distinguishes between a leader and a follower.Steve Jobs, Apple
Design is not just what it looks like and feels like. Design is how it works.Steve Jobs, Apple
.pull-right
06. Images
Responsive Image
.responsive
Bordered Image
.border
Circular Image
.circle
07. Table
| # | Fruits | Veggies | Grains |
|---|---|---|---|
| 1 | Apples | Carrots | Wheats |
| 2 | Oranges | Cucumbers | Oats |
| 3 | Kiwis | Spinachs | Rices |
| 4 | Bananas | Kales | Corns |
table: collapse, border gray
table-head (th): border 2px, weight 500
.number: align right
08. List
- Lettuce
- Pickles
- Tomatoes
- Ketchup
- Mustard
list style circle
- Salsa
- Chips
- Bread
- Wine
- Cheese
list style decimal leading zero
- Coffee
- Black hot drink
- Milk
- White cold drink
- Green Tea
- Fancy hot/cold drink
- Coca-Cola ®
- Brown cold drink
- Slurpee ®
- Multi-colored cold drink
dt: weight 400
dd: margin left .8em
09. Layout
Halves
1/2 Column
1/2 Column
.col-6
.col-6
Thirds
1/3 Column
1/3 Column
1/3 Column
.col-4
.col-4
.col-4
Two-Thirds
2/3 Column
1/3 Column
.col-8
.col-4
Fourths
1/4 Column
1/4 Column
1/4 Column
1/4 Column
.col-3
.col-3
.col-3
.col-3
Sixths
1/6 Column
1/6 Column
1/6 Column
1/6 Column
1/6 Column
1/6 Column
.col-2
.col-2
.col-2
.col-2
.col-2
.col-2
Twelths
1/12 Column
1/12 Column
1/12 Column
1/12 Column
1/12 Column
1/12 Column
1/12 Column
1/12 Column
1/12 Column
1/12 Column
1/12 Column
1/12 Column
.col-1
.col-1
.col-1
.col-1
.col-1
.col-1
.col-1
.col-1
.col-1
.col-1
.col-1
.col-1