Skip to content

Commit

Permalink
update(css-typography): table typography
Browse files Browse the repository at this point in the history
issue #105
  • Loading branch information
sabertazimi committed Nov 11, 2018
1 parent 4fb6616 commit 9846102
Showing 1 changed file with 10 additions and 0 deletions.
10 changes: 10 additions & 0 deletions programming/web/css/cssAdvancedNotes.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,7 @@
- [font-size](#font-size)
- [spacing](#spacing)
- [vertical rhythms](#vertical-rhythms)
- [Table](#table)
- [Grid System](#grid-system)
- [Performance](#performance)
- [CSS Triggers](#css-triggers)
Expand All @@ -31,6 +32,8 @@

> refer to: font-family, font-size, spacing, color
[reference](https://noti.st/rar/mz1rIY/golden-rules-of-typography-on-the-web)

### font-size and spacing

- set a base-size
Expand Down Expand Up @@ -64,6 +67,13 @@ consistent (and relative) to each other:
- Set the vertical white space between elements to a multiple of base-size
- Set the line-height of all text elements to a multiple of base-size

### Table

- remove fills, gridlines, border and bolding
- left-align text, right-align numbers
and align headings with data
- put white space to work to group and separate

## Grid System

- Must have different traits at different sizes
Expand Down

0 comments on commit 9846102

Please sign in to comment.