|
13 | 13 | *= require_self |
14 | 14 | */ |
15 | 15 |
|
16 | | -@import "vars"; |
17 | | -@import "queries"; |
18 | 16 | @import "stylekit"; |
19 | | -@import "posts"; |
20 | | -@import "guestbook_entry"; |
21 | | -@import "authors"; |
22 | | -@import "help"; |
23 | | -@import "usage"; |
24 | 17 | @import "rouge"; |
25 | | -@import "subscriptions"; |
26 | | - |
27 | | -* { |
28 | | - box-sizing: border-box; |
29 | | -} |
30 | | - |
31 | | -html, |
32 | | -body { |
33 | | - margin: 0; |
34 | | - font-family: sans-serif; |
35 | | - line-height: 1.5; |
36 | | - color: var(--body-text-color); |
37 | | - background-color: var(--background-color); |
38 | | - font-size: 18px; |
39 | | - height: 100%; |
40 | | -} |
41 | | - |
42 | | -body { |
43 | | - padding: 1rem 6rem 4px 6rem; |
44 | | - max-width: 1200px; |
45 | | - margin-left: auto; |
46 | | - margin-right: auto; |
47 | | -} |
48 | | - |
49 | | -@include MQ-Xsmall() { |
50 | | - body { |
51 | | - padding: 1.5rem 1.5rem; |
52 | | - } |
53 | | -} |
54 | | - |
55 | | -@include MQ-Small() { |
56 | | - body { |
57 | | - padding: 1.5rem 2rem; |
58 | | - } |
59 | | -} |
60 | | - |
61 | | -h2 { |
62 | | - font-size: 1.4rem; |
63 | | -} |
64 | | - |
65 | | -.block { |
66 | | - display: block; |
67 | | -} |
68 | | - |
69 | | -a { |
70 | | - color: var(--link-color); |
71 | | - text-decoration: none; |
72 | | - |
73 | | - &:hover { |
74 | | - text-decoration: underline; |
75 | | - } |
76 | | -} |
77 | | - |
78 | | -.faded { |
79 | | - opacity: 0.3; |
80 | | -} |
81 | | - |
82 | | -input, |
83 | | -textarea { |
84 | | - border: 1px solid rgba(black, 0.1); |
85 | | - resize: none; |
86 | | - |
87 | | - &:focus { |
88 | | - outline: none; |
89 | | - } |
90 | | -} |
91 | | - |
92 | | -textarea { |
93 | | - padding: 8px; |
94 | | -} |
95 | | - |
96 | | -hr { |
97 | | - $hr-height: 35px; |
98 | | - display: block; |
99 | | - border: 0; |
100 | | - text-align: center; |
101 | | - box-sizing: content-box; |
102 | | - height: $hr-height; |
103 | | - padding-top: 10px; |
104 | | - border: 0 !important; |
105 | | - |
106 | | - &.left { |
107 | | - text-align: left; |
108 | | - } |
109 | | - |
110 | | - &:before { |
111 | | - font-family: Georgia, Cambria, "Times New Roman", Times, serif; |
112 | | - font-weight: 400; |
113 | | - font-style: italic; |
114 | | - font-size: 28px; |
115 | | - letter-spacing: 0.3em; |
116 | | - content: "..."; |
117 | | - display: inline-block; |
118 | | - margin-right: 0.6em; |
119 | | - color: var(--body-text-color); |
120 | | - position: relative; |
121 | | - top: -$hr-height/2; |
122 | | - } |
123 | | -} |
124 | | - |
125 | | -blockquote { |
126 | | - border-left: 2px solid #cdcdcd; |
127 | | - padding-left: 20px; |
128 | | - opacity: 0.8; |
129 | | - margin-left: 0; |
130 | | -} |
131 | | - |
132 | | -h1, |
133 | | -h2, |
134 | | -h3 { |
135 | | - margin-top: 0; |
136 | | - margin-bottom: 4px; |
137 | | - -webkit-margin-after: 4px; |
138 | | -} |
139 | | - |
140 | | -#main-container { |
141 | | - display: -webkit-box; |
142 | | - display: -ms-flexbox; |
143 | | - display: flex; |
144 | | - -webkit-box-orient: vertical; |
145 | | - -webkit-box-direction: normal; |
146 | | - -ms-flex-direction: column; |
147 | | - flex-direction: column; |
148 | | - min-height: 100%; |
149 | | -} |
150 | | - |
151 | | -#content-container { |
152 | | - -webkit-box-flex: 1; |
153 | | - -ms-flex: 1; |
154 | | - flex: 1; |
155 | | -} |
156 | | - |
157 | | -#footer { |
158 | | - font-size: 12px; |
159 | | - color: gray; |
160 | | - margin-top: 30px; |
161 | | - margin-bottom: 15px; |
162 | | - |
163 | | - .left { |
164 | | - float: left; |
165 | | - |
166 | | - .listed { |
167 | | - color: var(--body-text-color); |
168 | | - display: inline-block; |
169 | | - padding-right: 8px; |
170 | | - } |
171 | | - .via { |
172 | | - color: gray; |
173 | | - display: inline-block; |
174 | | - } |
175 | | - |
176 | | - .links { |
177 | | - display: inline; |
178 | | - border-left: 1px solid var(--body-text-color); |
179 | | - padding-left: 8px; |
180 | | - |
181 | | - a { |
182 | | - margin-right: 5px; |
183 | | - } |
184 | | - } |
185 | | - |
186 | | - * { |
187 | | - display: inline-block; |
188 | | - } |
189 | | - } |
190 | | - |
191 | | - a { |
192 | | - color: var(--body-text-color); |
193 | | - } |
194 | | - .right { |
195 | | - float: right; |
196 | | - } |
197 | | -} |
198 | | - |
199 | | -.mt-5 { |
200 | | - margin-top: 5px !important; |
201 | | -} |
202 | | - |
203 | | -.mt-10 { |
204 | | - margin-top: 10px !important; |
205 | | -} |
206 | | - |
207 | | -.mt-15 { |
208 | | - margin-top: 15px !important; |
209 | | -} |
210 | | - |
211 | | -.mt-20 { |
212 | | - margin-top: 20px !important; |
213 | | -} |
214 | | - |
215 | | -.mt-30 { |
216 | | - margin-top: 30px !important; |
217 | | -} |
218 | | - |
219 | | -.mt-40 { |
220 | | - margin-top: 40px !important; |
221 | | -} |
222 | | - |
223 | | -.mt-50 { |
224 | | - margin-top: 50px !important; |
225 | | -} |
226 | | - |
227 | | -button { |
228 | | - border: none; |
229 | | - cursor: pointer; |
230 | | - |
231 | | - @mixin wide-button() { |
232 | | - font-weight: bold; |
233 | | - text-align: center; |
234 | | - padding: 10px; |
235 | | - font-size: 16px; |
236 | | - min-width: 200px; |
237 | | - |
238 | | - &:hover { |
239 | | - text-decoration: underline; |
240 | | - } |
241 | | - } |
242 | | - |
243 | | - &.black { |
244 | | - @include wide-button(); |
245 | | - background-color: black; |
246 | | - color: white; |
247 | | - } |
248 | | - |
249 | | - &.white { |
250 | | - @include wide-button(); |
251 | | - background-color: white; |
252 | | - color: black; |
253 | | - border: 1px solid rgba(gray, 0.2); |
254 | | - } |
255 | | -} |
256 | | - |
257 | | -.wrap { |
258 | | - word-wrap: break-word; |
259 | | -} |
260 | | - |
261 | | -input.delete-blog { |
262 | | - background-color: red; |
263 | | - color: white; |
264 | | - font-weight: bold; |
265 | | -} |
266 | | - |
267 | | -div.alert.error { |
268 | | - border-width: thin; |
269 | | - border-style: dotted; |
270 | | - text-align: center; |
271 | | - margin-bottom: 10px; |
272 | | - color: red; |
273 | | -} |
0 commit comments