1 | @import url('https://fonts.googleapis.com/css?family=Fira+Sans:400,400i,500&display=swap'); |
2 | @import url('https://fonts.googleapis.com/css?family=Fira+Mono&display=swap'); |
3 | body { |
4 | font-family: 'Fira Sans', sans-serif; |
5 | color: #252525; |
6 | padding: 0; |
7 | margin: 0; |
8 | box-sizing: border-box; |
9 | } |
10 | a { |
11 | color: #0077a4; |
12 | } |
13 | code { |
14 | font-family: 'Fira Mono', monospace; |
15 | } |
16 | .gist .gist-file { |
17 | overflow: auto; |
18 | margin: 0; |
19 | } |
20 | #copyright { |
21 | padding: 20px 0; |
22 | } |
23 |
|
24 |
|
25 | .blog-center { |
26 | max-width: 800px; |
27 | padding: 20px; |
28 | margin: 60px auto; |
29 | font-size: 1.2em; |
30 | line-height: 1.5; |
31 | } |
32 | .blog-banner { |
33 | width:100%; |
34 | height: 250px; |
35 | background-size: cover; |
36 | background-position: center; |
37 | margin: 0; |
38 | user-select: none; |
39 | } |
40 | .blog-img-full { |
41 | max-width: 100%; |
42 | display: inline-block; |
43 | margin: 10px 0 10px 0; |
44 | } |
45 | .blog-img-right { |
46 | max-height: 500px; |
47 | max-width: 50%; |
48 | margin: 0 0 10px 20px; |
49 | float: right; |
50 | } |
51 | .blog-img-left { |
52 | max-height: 500px; |
53 | max-width: 50%; |
54 | margin: 0 20px 10px 0; |
55 | float: left; |
56 | } |
57 | .blog-listing { |
58 | padding-bottom: 60px; |
59 | } |
60 | .blog-listing:last-of-type { |
61 | padding-bottom: 20px; |
62 | } |
63 | .blog-listing code { |
64 | margin-right: 10px; |
65 | } |
66 |
|
67 | @media (max-width: 840px) { |
68 | .blog-banner { |
69 | height: 30vw; |
70 | } |
71 | .blog-img-right, .blog-img-left { |
72 | max-width: 50%; |
73 | } |
74 | } |
75 | @media (max-width: 500px) { |
76 | .blog-banner { |
77 | height: 40vw; |
78 | } |
79 | } |
80 |
|