cloudflare/vinext
Publicmirrored from https://github.com/cloudflare/vinextAvailable
examples/hackernews/app/globals.css
42lines · modecode
| 1 | html { |
| 2 | height: 100%; |
| 3 | } |
| 4 | |
| 5 | body { |
| 6 | display: flex; |
| 7 | justify-content: center; |
| 8 | height: 100%; |
| 9 | margin: 0; |
| 10 | padding: 0; |
| 11 | box-sizing: border-box; |
| 12 | color: #333; |
| 13 | -webkit-font-smoothing: antialiased; |
| 14 | font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', |
| 15 | 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', |
| 16 | sans-serif; |
| 17 | background: #eee; |
| 18 | } |
| 19 | |
| 20 | * { |
| 21 | margin: 0; |
| 22 | padding: 0; |
| 23 | box-sizing: border-box; |
| 24 | } |
| 25 | |
| 26 | main { |
| 27 | width: 85%; |
| 28 | padding: 10px 0 0 0; |
| 29 | } |
| 30 | |
| 31 | .page { |
| 32 | color: #757575; |
| 33 | background: #fff; |
| 34 | padding: 3px 10px; |
| 35 | } |
| 36 | |
| 37 | @media (max-width: 750px) { |
| 38 | main { |
| 39 | padding: 0; |
| 40 | width: 100%; |
| 41 | } |
| 42 | } |
| 43 | |