forest-time-jekyll 0.1.6 → 0.1.7

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 57d11e4862b8d5b5ff018f41f268ccfc35da07b3092ac3c1968ae96031cb3730
4
- data.tar.gz: 164f127f81d12bb1cce3afc2ed259911b4bdcba60a36ff5c00d39b9263d5e791
3
+ metadata.gz: ad8deeba0523a673de2120827d58989f7cd68473d4fc325611931ab77004ca0e
4
+ data.tar.gz: 55cab70aa8fd64bfa95428516775ef3574f2e119cd60eb9f2dff32aac9ca002d
5
5
  SHA512:
6
- metadata.gz: 41be45de710dadf5367237744f94a6bcbc3c75669ca2f99bc5441bf2edcd5a5844b118c3a242aa72809c2dfc97235ee0ee311744b7fa5faee6ec8483da540758
7
- data.tar.gz: a75c94d80cda4a2094eab3859a22b3e0ca85794a725c412a400bebd2b93a8d3b46b1616c3ddb4b6643e4b5dfe373e5bfbf3cee09109bb4f2b430ebede3e75daf
6
+ metadata.gz: ada3bff8f8d761d8f74051d7194df86315f59bbe5e140775f89b666a25c90f4a08c23b2f84fad3e0ca1f9c72893089ee83063a279e37e3034dfa44d5d8e5d8c9
7
+ data.tar.gz: 54823cab3b82e76996c035a838e3e38e96e7c2cd2e66c9a968edf001961e43e132deecec4b584b7de5507d1d42753ffcedfccea13a4f6c005d0b67a658caa946
@@ -1,3 +1,3 @@
1
- <div class="alert alert-light">
2
- {{ site.data.ui-text.noComments }} <a href="{{site.baseurl}}/contact">here</a>
1
+ <div class="alert alert-light alert-bottom">
2
+ {{ site.data.ui-text.noComments }} <a href="{{site.baseurl}}/contact">{{ site.data.ui-text.here }}</a>
3
3
  </div>
@@ -1,3 +1,3 @@
1
1
  <div class="alert alert-light">
2
- {{ site.data.ui-text.oldPostNotice }} <a href="{{site.baseurl}}/contact">here</a>
2
+ {{ site.data.ui-text.oldPostNotice }} <a href="{{site.baseurl}}/contact">{{ site.data.ui-text.here }}</a>
3
3
  </div>
data/_sass/main.scss CHANGED
@@ -2,568 +2,580 @@ $max-width: 725px;
2
2
  $max-width--home: 650px;
3
3
  $text-color: #222;
4
4
  $primary-color: #4787ed;
5
- $secondary-color: #F37C22;
5
+ $secondary-color: #F37C22;
6
6
  $gray: #777;
7
7
  $base-margin: 1rem;
8
-
9
8
  @import url('https://fonts.googleapis.com/css?family=Roboto+Slab:400|Roboto:400,500,700&subset=latin-ext');
10
-
11
9
  @import 'objects.text';
12
10
  @import 'objects.image';
13
-
14
11
  body {
15
- font-size: 17px;
16
- line-height: 20px;
17
- font-weight: normal;
18
- font-style: normal;
19
- font-family: 'Roboto', sans-serif;
20
- color: $text-color;
21
- padding: 20px;
22
- margin: 0;
23
- -webkit-font-smoothing: antialiased;
24
- -webkit-text-size-adjust: 100%;
25
- @media (min-width: 992px) {
26
- padding: 35px 50px;
27
- }
12
+ font-size: 17px;
13
+ line-height: 20px;
14
+ font-weight: normal;
15
+ font-style: normal;
16
+ font-family: 'Roboto', sans-serif;
17
+ color: $text-color;
18
+ padding: 20px;
19
+ margin: 0;
20
+ -webkit-font-smoothing: antialiased;
21
+ -webkit-text-size-adjust: 100%;
22
+ @media (min-width: 992px) {
23
+ padding: 35px 50px;
24
+ }
28
25
  }
29
26
 
30
27
  strong {
31
- font-weight: 600;
28
+ font-weight: 600;
32
29
  }
33
30
 
34
31
  h1 {
35
- font-family: Roboto Slab;
36
- font-weight: 100;
37
- line-height: 1.7rem;
32
+ font-family: Roboto Slab;
33
+ font-weight: 100;
34
+ line-height: 1.7rem;
38
35
  }
39
36
 
40
37
  h3 {
41
- font-size: 1.2rem;
38
+ font-size: 1.2rem;
42
39
  }
43
40
 
44
41
  h2,
45
42
  h3,
46
43
  h4,
47
44
  h5 {
48
- margin: 45px 0 25px;
49
- font-family: 'Roboto Slab', Roboto, sans-serif;
50
- font-weight: 400;
51
- line-height: 1.7rem;
45
+ margin: 45px 0 25px;
46
+ font-family: 'Roboto Slab', Roboto, sans-serif;
47
+ font-weight: 400;
48
+ line-height: 1.7rem;
52
49
  }
50
+
53
51
  img {
54
- max-width: 100%;
52
+ max-width: 100%;
55
53
  }
56
- a {
57
- color: $primary-color;
58
- text-decoration: none;
59
- font-weight: bold;
60
54
 
61
- &:hover {
62
- text-decoration: underline;
63
- }
64
- &.image {
65
- display: block;
66
- text-align: center;
67
- border: 0;
68
- border-radius: 5px;
69
- margin: 30px 0;
55
+ a {
56
+ color: $primary-color;
57
+ text-decoration: none;
58
+ font-weight: bold;
70
59
  &:hover {
71
- text-decoration: none;
60
+ text-decoration: underline;
61
+ }
62
+ &.image {
63
+ display: block;
64
+ text-align: center;
65
+ border: 0;
66
+ border-radius: 5px;
67
+ margin: 30px 0;
68
+ &:hover {
69
+ text-decoration: none;
70
+ }
72
71
  }
73
- }
74
72
  }
73
+
75
74
  mark {
76
- background: #fffc76;
77
- padding: 0 5px;
75
+ background: #fffc76;
76
+ padding: 0 5px;
78
77
  }
78
+
79
79
  blockquote {
80
- // border: 1px solid #81D4FA;
81
- border-left: 5px solid #81D4FA;
82
- // border-radius: 4px;
83
- margin: 40px 0;
84
- padding: 5px 30px;
85
- // background: #E1F5FE;
86
- font-style: italic;
80
+ // border: 1px solid #81D4FA;
81
+ border-left: 5px solid #81D4FA; // border-radius: 4px;
82
+ margin: 40px 0;
83
+ padding: 5px 30px; // background: #E1F5FE;
84
+ font-style: italic;
87
85
  }
86
+
88
87
  .logo {
89
- position: relative;
90
- margin: 0 auto 35px;
91
- text-align: center;
92
- a {
93
- color: #000;
94
- text-decoration: none;
95
- font-weight: 700;
96
- height: 90px;
97
- width: 90px;
98
- font-size: 1.5em;
99
- display: inline-block;
100
- text-align: center;
101
- line-height: 100px;
102
- border: 5px solid #fff;
103
- box-sizing: border-box;
104
- &:hover + .logo-prompt,
105
- &:focus + .logo-prompt {
106
- display: inline-block !important;
107
- }
108
- @media (max-width : 480px) {&:hover + .logo-prompt,
109
- &:focus + .logo-prompt {
110
- display: none !important;
111
- }
112
- }
113
- }
114
- .logo-prompt {
115
- position: absolute;
116
- display: none;
117
- vertical-align: middle;
118
- padding: 5px;
119
- border-radius: 3px;
120
- background: #666;
121
- background: rgba(0,0,0,.5);
122
- margin-left: 15px;
123
- color: #fff;
124
- font-size: 0.8235em;
88
+ position: relative;
89
+ margin: 0 auto 35px;
125
90
  text-align: center;
126
- line-height: 1.2;
127
- top: 50%;
128
- margin-top: -10px;
129
- &:before {
130
- content: "";
131
- border-width: 5px 5px 5px 0;
132
- border-style: solid;
133
- border-color: transparent #666;
134
- border-color: transparent rgba(0,0,0,.5);
135
- position: absolute;
136
- top: 50%;
137
- left: -5px;
138
- margin-top: -5px;
139
- }
140
- }
91
+ a {
92
+ color: #000;
93
+ text-decoration: none;
94
+ font-weight: 700;
95
+ height: 90px;
96
+ width: 90px;
97
+ font-size: 1.5em;
98
+ display: inline-block;
99
+ text-align: center;
100
+ line-height: 100px;
101
+ border: 5px solid #fff;
102
+ box-sizing: border-box;
103
+ &:hover+.logo-prompt,
104
+ &:focus+.logo-prompt {
105
+ display: inline-block !important;
106
+ }
107
+ @media (max-width: 480px) {
108
+ &:hover+.logo-prompt,
109
+ &:focus+.logo-prompt {
110
+ display: none !important;
111
+ }
112
+ }
113
+ }
114
+ .logo-prompt {
115
+ position: absolute;
116
+ display: none;
117
+ vertical-align: middle;
118
+ padding: 5px;
119
+ border-radius: 3px;
120
+ background: #666;
121
+ background: rgba(0, 0, 0, .5);
122
+ margin-left: 15px;
123
+ color: #fff;
124
+ font-size: 0.8235em;
125
+ text-align: center;
126
+ line-height: 1.2;
127
+ top: 50%;
128
+ margin-top: -10px;
129
+ &:before {
130
+ content: "";
131
+ border-width: 5px 5px 5px 0;
132
+ border-style: solid;
133
+ border-color: transparent #666;
134
+ border-color: transparent rgba(0, 0, 0, .5);
135
+ position: absolute;
136
+ top: 50%;
137
+ left: -5px;
138
+ margin-top: -5px;
139
+ }
140
+ }
141
141
  }
142
+
142
143
  iframe {
143
- margin: 45px 0 !important;
144
+ margin: 45px 0 !important;
144
145
  }
146
+
145
147
  ul,
146
148
  ol {
147
- margin: 0rem;
148
- padding-left: 50px;
149
- line-height: 1.5rem;
150
- margin-bottom: 1rem;
151
- li {
152
- word-wrap: break-word;
153
- }
154
- img {
155
- margin: 40px 0;
156
- border-radius: 5px;
157
- }
149
+ margin: 0rem;
150
+ padding-left: 50px;
151
+ line-height: 1.5rem;
152
+ margin-bottom: 1rem;
153
+ li {
154
+ word-wrap: break-word;
155
+ }
156
+ img {
157
+ margin: 40px 0;
158
+ border-radius: 5px;
159
+ }
158
160
  }
161
+
159
162
  sup {
160
- vertical-align: top;
161
- position: relative;
162
- top: -0.5em;
163
- margin-left: 1px;
163
+ vertical-align: top;
164
+ position: relative;
165
+ top: -0.5em;
166
+ margin-left: 1px;
164
167
  }
168
+
165
169
  code,
166
170
  pre {
167
- font-family: Consolas, Courier, monospace;
171
+ font-family: Consolas, Courier, monospace;
168
172
  }
173
+
169
174
  code {
170
- color: #f14e32;
171
- background: #eee;
172
- padding: 2px 6px;
173
- font-size: 13px;
175
+ color: #f14e32;
176
+ background: #eee;
177
+ padding: 2px 6px;
178
+ font-size: 13px;
174
179
  }
180
+
175
181
  pre {
176
- display: block;
177
- margin-top: 0;
178
- margin-bottom: 1rem;
179
- font-size: 0.9rem;
180
- line-height: 1.4;
181
- white-space: pre;
182
- overflow-x: auto;
183
- background-color: #f9f9f9;
184
- border-radius: 3px;
185
- border: 1px solid #ddd;
186
- padding: 1rem;
187
- code {
188
- font-size: 100%;
189
- color: inherit;
190
- background-color: transparent;
191
- padding: 0;
192
- }
182
+ display: block;
183
+ margin-top: 0;
184
+ margin-bottom: 1rem;
185
+ font-size: 0.9rem;
186
+ line-height: 1.4;
187
+ white-space: pre;
188
+ overflow-x: auto;
189
+ background-color: #f9f9f9;
190
+ border-radius: 3px;
191
+ border: 1px solid #ddd;
192
+ padding: 1rem;
193
+ code {
194
+ font-size: 100%;
195
+ color: inherit;
196
+ background-color: transparent;
197
+ padding: 0;
198
+ }
193
199
  }
200
+
194
201
  table {
195
- width: 100%;
196
- table-layout: fixed;
197
- margin: 45px 0;
198
- thead {
199
- background: #f2f2f2;
200
- }
201
- th {
202
- text-align: left;
203
- padding: 8px 10px;
204
- border-bottom: 15px solid #fff;
205
- }
206
- td {
207
- padding: 4px 0;
208
- }
202
+ width: 100%;
203
+ table-layout: fixed;
204
+ margin: 45px 0;
205
+ thead {
206
+ background: #f2f2f2;
207
+ }
208
+ th {
209
+ text-align: left;
210
+ padding: 8px 10px;
211
+ border-bottom: 15px solid #fff;
212
+ }
213
+ td {
214
+ padding: 4px 0;
215
+ }
209
216
  }
217
+
210
218
  iframe {
211
- width: 100%;
219
+ width: 100%;
212
220
  }
221
+
213
222
  article {
214
- max-width: $max-width;
215
- margin: 0 auto;
216
- .title {
217
- line-height: 1.4em;
218
- text-align: center;
219
- }
220
- .divider {
221
- background: #ddd;
222
- background: -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),color-stop(#ccc),to(rgba(255,255,255,0)));
223
- background: -webkit-linear-gradient(left,rgba(255,255,255,0),#ccc,rgba(255,255,255,0));
224
- background: linear-gradient(to right,rgba(255,255,255,0),#ccc,rgba(255,255,255,0));
225
- height: 1px;
226
- margin: 2em 0;
227
- }
228
- .center {
229
- text-align: center;
223
+ max-width: $max-width;
230
224
  margin: 0 auto;
231
- }
232
- hr {
233
- border: 0;
234
- border-bottom: 1px solid #000;
235
- margin: 30px 0;
236
- }
237
- p {
238
- font-size: 1.1rem;
239
- line-height: 1.7em;
240
- word-wrap: break-word;
241
- }
242
-
243
- li {
244
- margin-bottom: .25rem;
245
- }
246
-
247
- img {
248
- border-radius: 4px;
249
- margin: 1rem 0rem;
250
- }
251
-
252
- .footnote {
253
- border: 0;
254
- background-color: #0087BE;
255
- color: #fff;
256
- padding-left: 2px;
257
- padding-right: 2px;
258
- }
259
- .footnotes {
260
- margin: 50px auto;
261
- display: block;
225
+ .title {
226
+ line-height: 1.4em;
227
+ text-align: center;
228
+ }
229
+ .divider {
230
+ background: #ddd;
231
+ background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(#ccc), to(rgba(255, 255, 255, 0)));
232
+ background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #ccc, rgba(255, 255, 255, 0));
233
+ background: linear-gradient(to right, rgba(255, 255, 255, 0), #ccc, rgba(255, 255, 255, 0));
234
+ height: 1px;
235
+ margin: 2em 0;
236
+ }
237
+ .center {
238
+ text-align: center;
239
+ margin: 0 auto;
240
+ }
241
+ hr {
242
+ border: 0;
243
+ border-bottom: 1px solid #000;
244
+ margin: 30px 0;
245
+ }
262
246
  p {
263
- line-height: 1rem;
264
- font-weight: normal;
247
+ font-size: 1.1rem;
248
+ line-height: 1.7em;
249
+ word-wrap: break-word;
265
250
  }
266
- ol {
267
- margin: 0;
268
- padding-left: 15px;
269
- li {
270
- font-weight: bold;
271
-
272
- }
251
+ li {
252
+ margin-bottom: .25rem;
253
+ }
254
+ img {
255
+ border-radius: 4px;
256
+ margin: 1rem 0rem;
273
257
  }
274
- .reversefootnote {
275
- border: 0;
276
- color: #0087BE;
258
+ .footnote {
259
+ border: 0;
260
+ background-color: #0087BE;
261
+ color: #fff;
262
+ padding-left: 2px;
263
+ padding-right: 2px;
277
264
  }
278
- }
279
- a:hover {
280
- color: $secondary-color;
281
- border-color: #369;
282
- text-decoration: none;
283
- }
284
- }
285
- .back {
286
- text-align: center;
287
- a {
288
- text-decoration: none;
289
- margin: 40px auto 0;
290
- display: inline-block;
291
- padding: 10px;
292
- border: 0;
293
- &:before {
294
- content: "<<";
295
- margin-right: 5px;
296
- color: #000;
265
+ .footnotes {
266
+ margin: 50px auto;
267
+ display: block;
268
+ p {
269
+ line-height: 1rem;
270
+ font-weight: normal;
271
+ }
272
+ ol {
273
+ margin: 0;
274
+ padding-left: 15px;
275
+ li {
276
+ font-weight: bold;
277
+ }
278
+ }
279
+ .reversefootnote {
280
+ border: 0;
281
+ color: #0087BE;
282
+ }
297
283
  }
284
+ a:hover {
285
+ color: $secondary-color;
286
+ border-color: #369;
287
+ text-decoration: none;
288
+ }
289
+ }
298
290
 
299
- img {
300
- border: none;
291
+ .back {
292
+ text-align: center;
293
+ a {
294
+ text-decoration: none;
295
+ margin: 40px auto 0;
296
+ display: inline-block;
297
+ padding: 10px;
298
+ border: 0;
299
+ &:before {
300
+ content: "<<";
301
+ margin-right: 5px;
302
+ color: #000;
303
+ }
304
+ img {
305
+ border: none;
306
+ }
301
307
  }
302
- }
303
308
  }
309
+
304
310
  .block {
305
- display: block;
311
+ display: block;
306
312
  }
313
+
307
314
  .page-navigation,
308
315
  .footer {
309
- text-align: center;
310
- max-width: $max-width;
311
- margin: 0 auto;
312
- font-size: 0.9rem;
316
+ text-align: center;
317
+ max-width: $max-width;
318
+ margin: 0 auto;
319
+ font-size: 0.9rem;
313
320
  }
321
+
314
322
  .page-navigation {
315
- margin: 50px auto 0 auto;
316
- a {
317
- display: inline-block;
318
- text-decoration: none;
319
- border-bottom: none;
320
- }
321
- span {
322
- display: inline-block;
323
- }
323
+ margin: 50px auto 0 auto;
324
+ a {
325
+ display: inline-block;
326
+ text-decoration: none;
327
+ border-bottom: none;
328
+ }
329
+ span {
330
+ display: inline-block;
331
+ }
324
332
  }
333
+
325
334
  .footer {
326
- margin-top: 50px;
327
- color: #777;
328
- a {
329
- border: none;
330
- font-weight: bold;
331
- }
335
+ margin-top: 50px;
336
+ color: #777;
337
+ a {
338
+ border: none;
339
+ font-weight: bold;
340
+ }
332
341
  }
342
+
333
343
  section {
334
- max-width: $max-width--home;
335
- margin: 0 auto 50px auto;
336
- ul {
337
- list-style: none;
338
- margin: 0;
339
- padding: 0;
340
- li {
341
- margin: 25px 0;
342
- .description {
343
- color: gray;
344
- font-size: 15px;
345
- }
346
- .title {
347
- font-size: larger;
348
- max-width: 100%;
349
- word-wrap: normal !important;
350
- }
351
- a {
352
- text-decoration: none;
353
- font-weight: normal;
354
- border: 0;
355
- color: #000;
356
- box-sizing: border-box;
357
- }
358
- .post-date {
359
- float: right;
360
- margin: 0 0 0 20px;
361
- }
362
- span {
363
- display: inline-block;
364
- color: #757575;
365
- letter-spacing: 1px;
366
- text-transform: uppercase;
367
- }
368
- @media (min-width: 992px) {a {
369
- // border-bottom: 2px solid transparent;
370
- &:hover {
371
- border-color: #000;
372
- }
344
+ max-width: $max-width--home;
345
+ margin: 0 auto 50px auto;
346
+ ul {
347
+ list-style: none;
348
+ margin: 0;
349
+ padding: 0;
350
+ li {
351
+ margin: 25px 0;
352
+ .description {
353
+ color: gray;
354
+ font-size: 15px;
355
+ }
356
+ .title {
357
+ font-size: larger;
358
+ max-width: 100%;
359
+ word-wrap: normal !important;
360
+ }
361
+ a {
362
+ text-decoration: none;
363
+ font-weight: normal;
364
+ border: 0;
365
+ color: #000;
366
+ box-sizing: border-box;
367
+ }
368
+ .post-date {
369
+ float: right;
370
+ margin: 0 0 0 20px;
371
+ }
372
+ span {
373
+ display: inline-block;
374
+ color: #757575;
375
+ letter-spacing: 1px;
376
+ text-transform: uppercase;
377
+ }
378
+ @media (min-width: 992px) {
379
+ a {
380
+ // border-bottom: 2px solid transparent;
381
+ &:hover {
382
+ border-color: #000;
383
+ }
384
+ }
385
+ }
373
386
  }
374
- }
375
- }
376
- }
377
- }
378
- @keyframes bounce {0% {
379
- transform: translate3d( 0, -1000px, 0 );
380
- }
381
- 60% {
382
- transform: translate3d( 0, 25px, 0 );
383
- }
384
- 75% {
385
- transform: translate3d( 0, -10px, 0 );
386
- }
387
- 90% {
388
- transform: translate3d( 0, 5px, 0 );
389
- }
390
- 100% {
391
- transform: none;
392
- }
393
- }
394
- @-webkit-keyframes bounce {0% {
395
- -webkit-transform: translate3d( 0, -1000px, 0 );
396
- }
397
- 60% {
398
- -webkit-transform: translate3d( 0, 25px, 0 );
399
- }
400
- 75% {
401
- -webkit-transform: translate3d( 0, -10px, 0 );
402
- }
403
- 90% {
404
- -webkit-transform: translate3d( 0, 5px, 0 );
405
- }
406
- 100% {
407
- -webkit-transform: none;
408
- }
387
+ }
388
+ }
389
+
390
+ @keyframes bounce {
391
+ 0% {
392
+ transform: translate3d( 0, -1000px, 0);
393
+ }
394
+ 60% {
395
+ transform: translate3d( 0, 25px, 0);
396
+ }
397
+ 75% {
398
+ transform: translate3d( 0, -10px, 0);
399
+ }
400
+ 90% {
401
+ transform: translate3d( 0, 5px, 0);
402
+ }
403
+ 100% {
404
+ transform: none;
405
+ }
406
+ }
407
+
408
+ @-webkit-keyframes bounce {
409
+ 0% {
410
+ -webkit-transform: translate3d( 0, -1000px, 0);
411
+ }
412
+ 60% {
413
+ -webkit-transform: translate3d( 0, 25px, 0);
414
+ }
415
+ 75% {
416
+ -webkit-transform: translate3d( 0, -10px, 0);
417
+ }
418
+ 90% {
419
+ -webkit-transform: translate3d( 0, 5px, 0);
420
+ }
421
+ 100% {
422
+ -webkit-transform: none;
423
+ }
409
424
  }
410
425
 
411
426
  .c-navigation__menu {
412
- display: inline-block;
413
- text-transform: uppercase;
414
- margin-right: $base-margin / 2;
415
- margin-left: $base-margin / 2;
416
- font-size: 14px;
417
- font-weight: 600;
418
- &:hover {
419
- border-color: $primary-color !important;
420
- }
427
+ display: inline-block;
428
+ text-transform: uppercase;
429
+ margin-right: $base-margin / 2;
430
+ margin-left: $base-margin / 2;
431
+ font-size: 14px;
432
+ font-weight: 600;
433
+ &:hover {
434
+ border-color: $primary-color !important;
435
+ }
421
436
  }
422
437
 
423
438
  .c-navigation__menu-link {
424
- color: $primary-color;
439
+ color: $primary-color;
425
440
  }
426
441
 
427
442
  .c-header {
428
- text-align: center;
443
+ text-align: center;
429
444
  }
430
445
 
431
446
  .c-header__title {
432
- font-size: 30px;
433
- font-weight: 100;
434
- font-family: 'Roboto Slab';
435
- margin-bottom: 0;
447
+ font-size: 30px;
448
+ font-weight: 100;
449
+ font-family: 'Roboto Slab';
450
+ margin-bottom: 0;
436
451
  }
437
452
 
438
453
  .c-header__subtitle {
439
- color: gray;
440
- font-size: 16px;
441
- line-height: 1.5rem;
454
+ color: gray;
455
+ font-size: 16px;
456
+ line-height: 1.5rem;
442
457
  }
443
458
 
444
459
  .c-header__link {
445
- color: inherit;
446
- font-weight: normal;
447
- text-decoration: underline;
460
+ color: inherit;
461
+ font-weight: normal;
462
+ text-decoration: underline;
448
463
  }
449
464
 
450
465
  .o-text--block {
451
- display: block;
466
+ display: block;
452
467
  }
453
468
 
454
469
  .o-text--bold {
455
- font-weight: 600;
470
+ font-weight: 600;
456
471
  }
457
472
 
458
473
  .c-ul-in-default {
459
- list-style-type: disc;
460
- margin-left: 4rem;
474
+ list-style-type: disc;
475
+ margin-left: 4rem;
461
476
  }
462
477
 
463
478
  .o-grid {
464
- display: flex;
465
- flex-flow: row nowrap;
479
+ display: flex;
480
+ flex-flow: row nowrap;
466
481
  }
467
482
 
468
483
  .o-grid--center {
469
- justify-content: center;
484
+ justify-content: center;
470
485
  }
471
486
 
472
487
  img.emoji {
473
- margin: 0rem;
488
+ margin: 0rem;
474
489
  }
475
490
 
476
491
  article .c-post-header {
477
- margin-bottom: 3 * $base-margin;
492
+ margin-bottom: 3 * $base-margin;
478
493
  }
479
494
 
480
495
  .c-article-image {
481
- width: 100%;
496
+ width: 100%;
482
497
  }
483
498
 
484
499
  .c-article--post {
485
- max-width: 650px;
486
-
500
+ max-width: 650px;
487
501
  }
488
502
 
489
503
  .c-article__meta {
490
- color: $gray;
504
+ color: $gray;
491
505
  }
492
506
 
493
507
  .c-article__meta--link {
494
- font-weight: inherit;
495
- color: inherit;
496
-
497
- &:hover {
498
- text-decoration: underline;
508
+ font-weight: inherit;
499
509
  color: inherit;
500
- }
510
+ &:hover {
511
+ text-decoration: underline;
512
+ color: inherit;
513
+ }
501
514
  }
502
515
 
503
516
  .c-post--highlighted {
504
- // font-weight: 700;
517
+ // font-weight: 700;
505
518
  }
506
519
 
507
520
  .c-post-header__subtitle {
508
- font-size: 1.2rem;
509
- color: #555;
521
+ font-size: 1.2rem;
522
+ color: #555;
510
523
  }
511
524
 
512
525
  .c-bio {
513
- text-align: center;
514
- color: #777;
515
- font-style: italic;
516
- margin-top: 1rem;
517
- p {
518
- // color: #777;
519
- }
526
+ text-align: center;
527
+ color: #777;
528
+ font-style: italic;
529
+ margin-top: 1rem;
530
+ p {
531
+ // color: #777;
532
+ }
520
533
  }
521
534
 
522
535
  .c-bio__avatar {
523
- width: 70px;
524
- height: 70px;
525
- border-radius: 50%;
526
- margin-right: 1rem;
536
+ width: 70px;
537
+ height: 70px;
538
+ border-radius: 50%;
539
+ margin-right: 1rem;
527
540
  }
528
541
 
529
542
  .o-grid--align-items-center {
530
- align-items: center;
543
+ align-items: center;
531
544
  }
532
545
 
533
546
  .o-text--center {
534
- text-align: center;
547
+ text-align: center;
535
548
  }
536
549
 
537
550
  .c-image__alt {
538
- font-weight: normal;
539
- color: #777;
540
- &:hover {
541
- text-decoration: none;
542
- }
551
+ font-weight: normal;
552
+ color: #777;
553
+ &:hover {
554
+ text-decoration: none;
555
+ }
543
556
  }
544
557
 
545
558
  a.phantom {
546
- color: $gray;
547
- font-weight: 500;
548
-
549
- &:hover {
550
559
  color: $gray;
551
- text-decoration: underline;
552
- }
560
+ font-weight: 500;
561
+ &:hover {
562
+ color: $gray;
563
+ text-decoration: underline;
564
+ }
553
565
  }
554
566
 
555
567
  .post-year {
556
- color: gray;
568
+ color: gray;
557
569
  }
558
570
 
559
571
  .c-post-header__player {
560
- margin-top: 2rem;
561
- color: red;
562
- font-size: 1rem;
572
+ margin-top: 2rem;
573
+ color: red;
574
+ font-size: 1rem;
563
575
  }
564
576
 
565
577
  .pagination {
566
- text-align: center;
578
+ text-align: center;
567
579
  }
568
580
 
569
581
  .alert {
@@ -576,7 +588,11 @@ a.phantom {
576
588
  }
577
589
 
578
590
  .alert-light {
579
- color: #717171;
580
- background-color: #f6f6f6;
581
- border-color: #e4e4e4;
591
+ color: #717171;
592
+ background-color: #f6f6f6;
593
+ border-color: #e4e4e4;
582
594
  }
595
+
596
+ .alert-bottom {
597
+ margin-top: 50px;
598
+ }
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: forest-time-jekyll
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.6
4
+ version: 0.1.7
5
5
  platform: ruby
6
6
  authors:
7
7
  - Claudiu Constantin