]>
Commit | Line | Data |
---|---|---|
1 | body { | |
2 | font-family: $primary-font; | |
3 | font-size: 16px; | |
4 | line-height: 1.8; | |
5 | min-height: 100vh; | |
6 | color: $text-color-primary; | |
7 | } | |
8 | ||
9 | .logo { | |
10 | max-height: 45px; | |
11 | } | |
12 | ||
13 | footer a { | |
14 | color: rgba(0, 0, 0, 0.4); | |
15 | font-size: 0.8rem; | |
16 | } | |
17 | ||
18 | .category { | |
19 | padding: 3px 10px; | |
20 | background: $primary-color; | |
21 | color: rgba(255, 255, 255, 0.9); | |
22 | border-radius: 20px; | |
23 | font-size: 12px; | |
24 | line-height: 1.2; | |
25 | } | |
26 | ||
27 | @each $color, | |
28 | $value in $tag-colors { | |
29 | .text-#{$color} { | |
30 | color: $value; | |
31 | } | |
32 | ||
33 | .bg-#{$color} { | |
34 | background-color: $value; | |
35 | } | |
36 | } | |
37 | ||
38 | .title { | |
39 | color: rgba(0, 0, 0, 0.9); | |
40 | font-weight: 600; | |
41 | font-size: 1.8rem; | |
42 | } | |
43 | ||
44 | .post-content { | |
45 | ||
46 | ||
47 | h1, | |
48 | h2, | |
49 | h3, | |
50 | h4, | |
51 | h5, | |
52 | h6 { | |
53 | margin-top: 1.5rem; | |
54 | margin-bottom: 0.8rem; | |
55 | } | |
56 | ||
57 | strong{ | |
58 | color: darken($text-color-primary, 50%); | |
59 | font-weight: 600; | |
60 | } | |
61 | ||
62 | table { | |
63 | border: 1px solid $border-color; | |
64 | width: 100%; | |
65 | margin-bottom: 1rem; | |
66 | border-collapse: collapse; | |
67 | ||
68 | th, | |
69 | td { | |
70 | border: 1px solid $border-color; | |
71 | padding: .75rem; | |
72 | vertical-align: top; | |
73 | border-top: 1px solid $border-color; | |
74 | } | |
75 | ||
76 | thead { | |
77 | ||
78 | th, | |
79 | td { | |
80 | border-bottom-width: 2px; | |
81 | padding: .75rem; | |
82 | vertical-align: top; | |
83 | border-top: 1px solid $border-color; | |
84 | } | |
85 | } | |
86 | } | |
87 | ||
88 | // Blockquote | |
89 | ||
90 | blockquote { | |
91 | background: $bg-light; | |
92 | font-style: italic; | |
93 | border-left: 8px solid $border-color; | |
94 | padding: 20px; | |
95 | margin: 20px 0px; | |
96 | box-sizing: border-box; | |
97 | } | |
98 | ||
99 | a { | |
100 | color: $primary-color; | |
101 | &:hover { | |
102 | color: darken($primary-color, 15%); | |
103 | } | |
104 | } | |
105 | ||
106 | ||
107 | ||
108 | p code, | |
109 | li code { | |
110 | font-size: .8rem; | |
111 | line-height: 1.8571; | |
112 | color: rgba(0, 0, 0, 1); | |
113 | background-color: $bg-light; | |
114 | border: 1px solid $border-color; | |
115 | -webkit-border-radius: 4px; | |
116 | -moz-border-radius: 4px; | |
117 | border-radius: 4px; | |
118 | margin: 0 2px; | |
119 | padding: 0 5px; | |
120 | } | |
121 | ||
122 | img { | |
123 | max-width: 100%; | |
124 | height: auto; | |
125 | margin: 10px 0px; | |
126 | } | |
127 | } |