jekyll-theme-lcsb-default 0.2.13 → 0.2.16

Sign up to get free protection for your applications and to get access to all the features.
Files changed (72) hide show
  1. checksums.yaml +5 -5
  2. data/LICENSE.txt +21 -21
  3. data/README.md +131 -119
  4. data/_includes/css-imports.html +2 -2
  5. data/_includes/footer.html +21 -21
  6. data/_includes/google-analytics.html +12 -12
  7. data/_includes/head.html +15 -15
  8. data/_includes/header.html +65 -65
  9. data/_includes/scripts.html +8 -8
  10. data/_includes/social.html +16 -16
  11. data/_layouts/default.html +20 -20
  12. data/_layouts/external.html +37 -0
  13. data/_layouts/frozen.html +21 -21
  14. data/_layouts/page.html +5 -5
  15. data/_layouts/paginated_index.html +83 -83
  16. data/_layouts/post.html +5 -5
  17. data/_sass/minima.scss +57 -57
  18. data/_sass/minima/_base.scss +299 -299
  19. data/_sass/minima/_frozen.scss +43 -43
  20. data/_sass/minima/_layout.scss +396 -396
  21. data/_sass/minima/_lcsb.scss +144 -144
  22. data/_sass/minima/_syntax-highlighting.scss +71 -71
  23. data/assets/banners/lcsb-logo.svg +583 -583
  24. data/assets/banners/uni-logo.svg +231 -231
  25. data/assets/fontawesome/css/fa-brands.css +13 -13
  26. data/assets/fontawesome/css/fa-brands.min.css +4 -4
  27. data/assets/fontawesome/css/fa-regular.css +14 -14
  28. data/assets/fontawesome/css/fa-regular.min.css +4 -4
  29. data/assets/fontawesome/css/fa-solid.css +15 -15
  30. data/assets/fontawesome/css/fa-solid.min.css +4 -4
  31. data/assets/fontawesome/css/fontawesome-all.css +2726 -2726
  32. data/assets/fontawesome/css/fontawesome-all.min.css +4 -4
  33. data/assets/fontawesome/css/fontawesome.css +2696 -2696
  34. data/assets/fontawesome/css/fontawesome.min.css +4 -4
  35. data/assets/fontawesome/less/_animated.less +19 -19
  36. data/assets/fontawesome/less/_bordered-pulled.less +16 -16
  37. data/assets/fontawesome/less/_core.less +12 -12
  38. data/assets/fontawesome/less/_fixed-width.less +6 -6
  39. data/assets/fontawesome/less/_icons.less +833 -833
  40. data/assets/fontawesome/less/_larger.less +27 -27
  41. data/assets/fontawesome/less/_list.less +18 -18
  42. data/assets/fontawesome/less/_mixins.less +57 -57
  43. data/assets/fontawesome/less/_rotated-flipped.less +23 -23
  44. data/assets/fontawesome/less/_screen-reader.less +5 -5
  45. data/assets/fontawesome/less/_stacked.less +22 -22
  46. data/assets/fontawesome/less/_variables.less +842 -842
  47. data/assets/fontawesome/less/fa-brands.less +21 -21
  48. data/assets/fontawesome/less/fa-regular.less +22 -22
  49. data/assets/fontawesome/less/fa-solid.less +23 -23
  50. data/assets/fontawesome/less/fontawesome.less +16 -16
  51. data/assets/fontawesome/scss/_animated.scss +20 -20
  52. data/assets/fontawesome/scss/_bordered-pulled.scss +20 -20
  53. data/assets/fontawesome/scss/_core.scss +16 -16
  54. data/assets/fontawesome/scss/_fixed-width.scss +6 -6
  55. data/assets/fontawesome/scss/_icons.scss +833 -833
  56. data/assets/fontawesome/scss/_larger.scss +23 -23
  57. data/assets/fontawesome/scss/_list.scss +18 -18
  58. data/assets/fontawesome/scss/_mixins.scss +57 -57
  59. data/assets/fontawesome/scss/_rotated-flipped.scss +23 -23
  60. data/assets/fontawesome/scss/_screen-reader.scss +5 -5
  61. data/assets/fontawesome/scss/_stacked.scss +31 -31
  62. data/assets/fontawesome/scss/_variables.scss +846 -846
  63. data/assets/fontawesome/scss/fa-brands.scss +21 -21
  64. data/assets/fontawesome/scss/fa-regular.scss +22 -22
  65. data/assets/fontawesome/scss/fa-solid.scss +23 -23
  66. data/assets/fontawesome/scss/fontawesome.scss +16 -16
  67. data/assets/fontawesome/webfonts/fa-brands-400.svg +1008 -1008
  68. data/assets/fontawesome/webfonts/fa-regular-400.svg +366 -366
  69. data/assets/fontawesome/webfonts/fa-solid-900.svg +1518 -1518
  70. data/assets/main.scss +5 -5
  71. data/assets/minima-social-icons.svg +33 -33
  72. metadata +4 -3
@@ -1,44 +1,44 @@
1
- .fpage-content {
2
- margin-top: 30px;
3
- @include media-query($on-palm) {
4
- margin-top: 5px;
5
- padding-top: 0px;
6
- }
7
- padding: $spacing-unit 0;
8
- padding-bottom: $footer-height;
9
- }
10
-
11
- .rtitle {
12
- margin: 0px 20px 50px 20px;
13
- padding: 30px;
14
- border: 1px solid darkgrey;
15
- p {
16
- color: #666666;
17
- @include relative-font-size(0.9);
18
- }
19
- }
20
-
21
-
22
- .rblock {
23
- margin: 0px 20px 50px 20px;
24
- padding: 10px 30px 10px 30px;
25
- outline: 1px solid darkgrey;
26
- height: 330px;
27
- width: $content-width / 5 + 24;
28
- float: left;
29
- p {
30
- color: #666666;
31
- @include relative-font-size(0.9);
32
- display: inline-block;
33
- vertical-align: middle;
34
- float: none;
35
- text-align: justify;
36
- padding-top: 30px;
37
- }
38
- }
39
-
40
- hr {
41
- border: 0;
42
- height: 1px;
43
- background-image: linear-gradient(to right, rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.2));
1
+ .fpage-content {
2
+ margin-top: 30px;
3
+ @include media-query($on-palm) {
4
+ margin-top: 5px;
5
+ padding-top: 0px;
6
+ }
7
+ padding: $spacing-unit 0;
8
+ padding-bottom: $footer-height;
9
+ }
10
+
11
+ .rtitle {
12
+ margin: 0px 20px 50px 20px;
13
+ padding: 30px;
14
+ border: 1px solid darkgrey;
15
+ p {
16
+ color: #666666;
17
+ @include relative-font-size(0.9);
18
+ }
19
+ }
20
+
21
+
22
+ .rblock {
23
+ margin: 0px 20px 50px 20px;
24
+ padding: 10px 30px 10px 30px;
25
+ outline: 1px solid darkgrey;
26
+ height: 330px;
27
+ width: $content-width / 5 + 24;
28
+ float: left;
29
+ p {
30
+ color: #666666;
31
+ @include relative-font-size(0.9);
32
+ display: inline-block;
33
+ vertical-align: middle;
34
+ float: none;
35
+ text-align: justify;
36
+ padding-top: 30px;
37
+ }
38
+ }
39
+
40
+ hr {
41
+ border: 0;
42
+ height: 1px;
43
+ background-image: linear-gradient(to right, rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.2));
44
44
  }
@@ -1,397 +1,397 @@
1
- html {
2
- overflow: -moz-scrollbars-vertical;
3
- overflow-y: scroll;
4
- }
5
-
6
- /**
7
- * Site header
8
- */
9
- .site-header {
10
- min-height: $spacing-unit * 1.865;
11
- height: $banner-height;
12
- // Positioning context for the mobile navigation icon
13
- position: relative;
14
- margin-top: 30px;
15
- }
16
-
17
-
18
- .content-wrapper {
19
- flex: 1 0 auto;
20
- }
21
-
22
-
23
- /**
24
- * SVG BANNER
25
- */
26
-
27
- .site-title {
28
- @include relative-font-size(1.625);
29
- font-weight: 300;
30
- line-height: $base-line-height * $base-font-size * 2.25;
31
- letter-spacing: -1px;
32
- margin-bottom: 0;
33
- float: left;
34
-
35
- &,
36
- &:visited {
37
- color: $grey-color-dark;
38
- }
39
- }
40
-
41
- .site-nav {
42
- margin-top: 10px;
43
- float: right;
44
- line-height: $base-line-height * $base-font-size * 2.25;
45
-
46
- .page-tabs {
47
- padding-right: 50px;
48
- }
49
-
50
- .nav-trigger {
51
- display: none;
52
- }
53
-
54
- .menu-icon {
55
- display: none;
56
- }
57
-
58
- a.page-link2.active {
59
- color: #222;
60
- }
61
-
62
- .page-link:hover, .page-link2:hover {
63
- text-decoration: none;
64
- }
65
-
66
- .page-link:hover:after {
67
- border-color: #58595B;
68
- }
69
-
70
- @media (min-width: 640px) {
71
- .page-link:after {
72
- content: " ";
73
- width: 22px;
74
- border-bottom: solid 3px #cbcfda;
75
- position: absolute;
76
- top: 30px;
77
- left: 10px;
78
- float: left;
79
- }
80
- .page-link2.active {
81
- border-bottom: 3px solid #808080;
82
- }
83
- }
84
-
85
- @media (max-width: 640px) {
86
- .page-link.active:before, .page-link2.active:before {
87
- content: "\2022";
88
- margin-right: 10px;
89
- position: absolute;
90
- left: 12%;
91
- color: rgb(23, 168, 225);
92
- }
93
- .page-link.active, .page-link2.active {
94
- font-weight: 600;
95
- color: rgb(23, 168, 225);
96
- }
97
- .page-link, .page-link2 {
98
- color: #222;
99
- }
100
- }
101
-
102
- @media (min-width: 640px) {
103
- .page-link2:hover {
104
- border-bottom: 3px solid #808080;
105
- }
106
-
107
- .page-link:hover, .page-link2:hover {
108
- color: #222 !important;
109
- &:not(.active) { // padding-top: 20px;
110
- }
111
- }
112
-
113
- .page-link2 {
114
- position: relative;
115
-
116
- // New version (full underline)
117
- min-width: 40px;
118
- margin: 0 15px 0 8px;
119
- padding: 0 2px 0 2px;
120
- border-bottom: 3px solid #e0e0e0;
121
-
122
- float: left;
123
-
124
- -moz-transition: padding 0.8s ease;
125
- -webkit-transition: padding 0.8s ease;
126
- -o-transition: padding 0.8s ease;
127
- transition: padding 0.8s ease;
128
-
129
- -moz-transition: border 0.3s ease;
130
- -webkit-transition: border 0.3s ease;
131
- -o-transition: border 0.3s ease;
132
- transition: border 0.3s ease;
133
-
134
- z-index: 8;
135
- }
136
-
137
- .page-link {
138
- position: relative;
139
-
140
- min-width: 60px;
141
- margin: 0 0 0 -1px;
142
- padding: 2px 10px 4px 9px;
143
-
144
- float: left;
145
-
146
- -moz-transition: padding 0.8s ease;
147
- -webkit-transition: padding 0.8s ease;
148
- -o-transition: padding 0.8s ease;
149
- transition: padding 0.8s ease;
150
-
151
- -moz-transition: border 0.3s ease;
152
- -webkit-transition: border 0.3s ease;
153
- -o-transition: border 0.3s ease;
154
- transition: border 0.3s ease;
155
-
156
- z-index: 8;
157
- }
158
-
159
- .active:after {
160
- border-color: #58595B;
161
- }
162
- }
163
-
164
- .page-link, .page-link2 {
165
- // color: $text-color;
166
- line-height: $base-line-height;
167
- font-weight: 600;
168
- text-align: left;
169
-
170
- // Gaps between nav items, but not on the last one
171
- &:not(:last-child) {
172
- // margin-right: -6px;
173
- }
174
- }
175
-
176
- @include media-query($on-palm) {
177
- position: absolute;
178
- top: -25px;
179
- right: $spacing-unit / 2;
180
- background-color: $background-color;
181
- border: 1px solid $grey-color-light;
182
- border-radius: 5px;
183
- text-align: right;
184
-
185
- label[for="nav-trigger"] {
186
- display: block;
187
- float: right;
188
- width: 36px;
189
- height: 36px;
190
- z-index: 2;
191
- cursor: pointer;
192
- }
193
-
194
- .menu-icon {
195
- display: block;
196
- float: right;
197
- width: 36px;
198
- height: 26px;
199
- line-height: 0;
200
- padding-top: 10px;
201
- text-align: center;
202
-
203
- > svg path {
204
- fill: $grey-color-dark;
205
- }
206
- }
207
-
208
- input ~ .trigger {
209
- clear: both;
210
- display: none;
211
- }
212
-
213
- input:checked ~ .trigger {
214
- display: block;
215
- padding-bottom: 5px;
216
- }
217
-
218
- .page-link, .page-link2 {
219
- display: block;
220
- padding: 5px 10px;
221
-
222
- &:not(:last-child) {
223
- margin-right: 0;
224
- }
225
- margin-left: 20px;
226
- }
227
- }
228
- }
229
-
230
-
231
-
232
- /**
233
- * Site footer
234
- */
235
- .site-footer {
236
- padding: $spacing-unit 0;
237
- bottom: 0;
238
- display:flex;
239
- justify-content:center;
240
- align-items:center;
241
- width:100%;
242
- margin-top: -$footer-height + $spacing-unit;
243
- flex-shrink: 0;
244
- height: $footer-height;
245
- line-height: 15px
246
- }
247
-
248
- .footer-wrapper {
249
- width: 100%;
250
- padding: $spacing-unit 0;
251
- border-top: 1px solid $grey-color-light;
252
- }
253
-
254
- .footer-heading {
255
- @include relative-font-size(1.125);
256
- margin-bottom: $spacing-unit / 2;
257
- }
258
-
259
- .contact-list,
260
- .social-media-list {
261
- list-style: none;
262
- margin-left: 0;
263
- }
264
-
265
- .social-media-list {
266
- margin: 0;
267
- padding: 0;
268
- list-style-type: none;
269
- text-align: center;
270
-
271
- li {
272
- display: inline;
273
- a {
274
- text-decoration: none;
275
- padding: .2em 1em;
276
- }
277
- }
278
- }
279
-
280
- .footer-cp {
281
- @include relative-font-size(0.8);
282
- color: $grey-color;
283
- margin-left: -$spacing-unit / 2;
284
- @extend %clearfix;
285
- position: relative;
286
- text-align: center;
287
- }
288
-
289
-
290
- @include media-query($on-palm) {
291
- .footer-col {
292
- float: none;
293
- width: -webkit-calc(100% - (#{$spacing-unit} / 2));
294
- width: calc(100% - (#{$spacing-unit} / 2));
295
- }
296
- }
297
-
298
-
299
-
300
- /**
301
- * Page content
302
- */
303
- .page-content {
304
- margin-top: 30px;
305
- margin-left: 5%;
306
- @include media-query($on-palm) {
307
- margin-top: 5px;
308
- padding-top: 0px;
309
- margin-left: 1%;
310
- }
311
- padding: $spacing-unit 0;
312
- padding-bottom: $footer-height;
313
- }
314
-
315
- .page-heading {
316
- @include relative-font-size(2);
317
- }
318
-
319
- .post-list-heading {
320
- @include relative-font-size(1.75);
321
- }
322
-
323
- .post-list {
324
- margin-left: 0;
325
- list-style: none;
326
-
327
- > li {
328
- margin-bottom: $spacing-unit;
329
- }
330
- }
331
-
332
- .post-meta {
333
- font-size: $small-font-size;
334
- color: $grey-color;
335
- }
336
-
337
- .post-link {
338
- display: block;
339
- @include relative-font-size(1.5);
340
- }
341
-
342
-
343
-
344
- /**
345
- * Posts
346
- */
347
- .post-header {
348
- margin-bottom: $spacing-unit;
349
- }
350
-
351
- .post-title {
352
- @include relative-font-size(2.625);
353
- letter-spacing: -1px;
354
- line-height: 1;
355
-
356
- @include media-query($on-laptop) {
357
- @include relative-font-size(2.25);
358
- }
359
- }
360
-
361
- .post-content {
362
- margin-bottom: $spacing-unit;
363
-
364
- h2 {
365
- @include relative-font-size(2);
366
-
367
- @include media-query($on-laptop) {
368
- @include relative-font-size(1.75);
369
- }
370
- }
371
-
372
- h3 {
373
- @include relative-font-size(1.625);
374
-
375
- @include media-query($on-laptop) {
376
- @include relative-font-size(1.375);
377
- }
378
- }
379
-
380
- h4 {
381
- @include relative-font-size(1.25);
382
-
383
- @include media-query($on-laptop) {
384
- @include relative-font-size(1.125);
385
- }
386
- }
387
- }
388
-
389
- .pager-active {
390
- background-color: #cbdce9;
391
- }
392
-
393
-
394
- .center-image {
395
- margin: 0 auto;
396
- display: block;
1
+ html {
2
+ overflow: -moz-scrollbars-vertical;
3
+ overflow-y: scroll;
4
+ }
5
+
6
+ /**
7
+ * Site header
8
+ */
9
+ .site-header {
10
+ min-height: $spacing-unit * 1.865;
11
+ height: $banner-height;
12
+ // Positioning context for the mobile navigation icon
13
+ position: relative;
14
+ margin-top: 30px;
15
+ }
16
+
17
+
18
+ .content-wrapper {
19
+ flex: 1 0 auto;
20
+ }
21
+
22
+
23
+ /**
24
+ * SVG BANNER
25
+ */
26
+
27
+ .site-title {
28
+ @include relative-font-size(1.625);
29
+ font-weight: 300;
30
+ line-height: $base-line-height * $base-font-size * 2.25;
31
+ letter-spacing: -1px;
32
+ margin-bottom: 0;
33
+ float: left;
34
+
35
+ &,
36
+ &:visited {
37
+ color: $grey-color-dark;
38
+ }
39
+ }
40
+
41
+ .site-nav {
42
+ margin-top: 10px;
43
+ float: right;
44
+ line-height: $base-line-height * $base-font-size * 2.25;
45
+
46
+ .page-tabs {
47
+ padding-right: 50px;
48
+ }
49
+
50
+ .nav-trigger {
51
+ display: none;
52
+ }
53
+
54
+ .menu-icon {
55
+ display: none;
56
+ }
57
+
58
+ a.page-link2.active {
59
+ color: #222;
60
+ }
61
+
62
+ .page-link:hover, .page-link2:hover {
63
+ text-decoration: none;
64
+ }
65
+
66
+ .page-link:hover:after {
67
+ border-color: #58595B;
68
+ }
69
+
70
+ @media (min-width: 640px) {
71
+ .page-link:after {
72
+ content: " ";
73
+ width: 22px;
74
+ border-bottom: solid 3px #cbcfda;
75
+ position: absolute;
76
+ top: 30px;
77
+ left: 10px;
78
+ float: left;
79
+ }
80
+ .page-link2.active {
81
+ border-bottom: 3px solid #808080;
82
+ }
83
+ }
84
+
85
+ @media (max-width: 640px) {
86
+ .page-link.active:before, .page-link2.active:before {
87
+ content: "\2022";
88
+ margin-right: 10px;
89
+ position: absolute;
90
+ left: 12%;
91
+ color: rgb(23, 168, 225);
92
+ }
93
+ .page-link.active, .page-link2.active {
94
+ font-weight: 600;
95
+ color: rgb(23, 168, 225);
96
+ }
97
+ .page-link, .page-link2 {
98
+ color: #222;
99
+ }
100
+ }
101
+
102
+ @media (min-width: 640px) {
103
+ .page-link2:hover {
104
+ border-bottom: 3px solid #808080;
105
+ }
106
+
107
+ .page-link:hover, .page-link2:hover {
108
+ color: #222 !important;
109
+ &:not(.active) { // padding-top: 20px;
110
+ }
111
+ }
112
+
113
+ .page-link2 {
114
+ position: relative;
115
+
116
+ // New version (full underline)
117
+ min-width: 40px;
118
+ margin: 0 15px 0 8px;
119
+ padding: 0 2px 0 2px;
120
+ border-bottom: 3px solid #e0e0e0;
121
+
122
+ float: left;
123
+
124
+ -moz-transition: padding 0.8s ease;
125
+ -webkit-transition: padding 0.8s ease;
126
+ -o-transition: padding 0.8s ease;
127
+ transition: padding 0.8s ease;
128
+
129
+ -moz-transition: border 0.3s ease;
130
+ -webkit-transition: border 0.3s ease;
131
+ -o-transition: border 0.3s ease;
132
+ transition: border 0.3s ease;
133
+
134
+ z-index: 8;
135
+ }
136
+
137
+ .page-link {
138
+ position: relative;
139
+
140
+ min-width: 60px;
141
+ margin: 0 0 0 -1px;
142
+ padding: 2px 10px 4px 9px;
143
+
144
+ float: left;
145
+
146
+ -moz-transition: padding 0.8s ease;
147
+ -webkit-transition: padding 0.8s ease;
148
+ -o-transition: padding 0.8s ease;
149
+ transition: padding 0.8s ease;
150
+
151
+ -moz-transition: border 0.3s ease;
152
+ -webkit-transition: border 0.3s ease;
153
+ -o-transition: border 0.3s ease;
154
+ transition: border 0.3s ease;
155
+
156
+ z-index: 8;
157
+ }
158
+
159
+ .active:after {
160
+ border-color: #58595B;
161
+ }
162
+ }
163
+
164
+ .page-link, .page-link2 {
165
+ // color: $text-color;
166
+ line-height: $base-line-height;
167
+ font-weight: 600;
168
+ text-align: left;
169
+
170
+ // Gaps between nav items, but not on the last one
171
+ &:not(:last-child) {
172
+ // margin-right: -6px;
173
+ }
174
+ }
175
+
176
+ @include media-query($on-palm) {
177
+ position: absolute;
178
+ top: -25px;
179
+ right: $spacing-unit / 2;
180
+ background-color: $background-color;
181
+ border: 1px solid $grey-color-light;
182
+ border-radius: 5px;
183
+ text-align: right;
184
+
185
+ label[for="nav-trigger"] {
186
+ display: block;
187
+ float: right;
188
+ width: 36px;
189
+ height: 36px;
190
+ z-index: 2;
191
+ cursor: pointer;
192
+ }
193
+
194
+ .menu-icon {
195
+ display: block;
196
+ float: right;
197
+ width: 36px;
198
+ height: 26px;
199
+ line-height: 0;
200
+ padding-top: 10px;
201
+ text-align: center;
202
+
203
+ > svg path {
204
+ fill: $grey-color-dark;
205
+ }
206
+ }
207
+
208
+ input ~ .trigger {
209
+ clear: both;
210
+ display: none;
211
+ }
212
+
213
+ input:checked ~ .trigger {
214
+ display: block;
215
+ padding-bottom: 5px;
216
+ }
217
+
218
+ .page-link, .page-link2 {
219
+ display: block;
220
+ padding: 5px 10px;
221
+
222
+ &:not(:last-child) {
223
+ margin-right: 0;
224
+ }
225
+ margin-left: 20px;
226
+ }
227
+ }
228
+ }
229
+
230
+
231
+
232
+ /**
233
+ * Site footer
234
+ */
235
+ .site-footer {
236
+ padding: $spacing-unit 0;
237
+ bottom: 0;
238
+ display:flex;
239
+ justify-content:center;
240
+ align-items:center;
241
+ width:100%;
242
+ margin-top: -$footer-height + $spacing-unit;
243
+ flex-shrink: 0;
244
+ height: $footer-height;
245
+ line-height: 15px
246
+ }
247
+
248
+ .footer-wrapper {
249
+ width: 100%;
250
+ padding: $spacing-unit 0;
251
+ border-top: 1px solid $grey-color-light;
252
+ }
253
+
254
+ .footer-heading {
255
+ @include relative-font-size(1.125);
256
+ margin-bottom: $spacing-unit / 2;
257
+ }
258
+
259
+ .contact-list,
260
+ .social-media-list {
261
+ list-style: none;
262
+ margin-left: 0;
263
+ }
264
+
265
+ .social-media-list {
266
+ margin: 0;
267
+ padding: 0;
268
+ list-style-type: none;
269
+ text-align: center;
270
+
271
+ li {
272
+ display: inline;
273
+ a {
274
+ text-decoration: none;
275
+ padding: .2em 1em;
276
+ }
277
+ }
278
+ }
279
+
280
+ .footer-cp {
281
+ @include relative-font-size(0.8);
282
+ color: $grey-color;
283
+ margin-left: -$spacing-unit / 2;
284
+ @extend %clearfix;
285
+ position: relative;
286
+ text-align: center;
287
+ }
288
+
289
+
290
+ @include media-query($on-palm) {
291
+ .footer-col {
292
+ float: none;
293
+ width: -webkit-calc(100% - (#{$spacing-unit} / 2));
294
+ width: calc(100% - (#{$spacing-unit} / 2));
295
+ }
296
+ }
297
+
298
+
299
+
300
+ /**
301
+ * Page content
302
+ */
303
+ .page-content {
304
+ margin-top: 30px;
305
+ margin-left: 5%;
306
+ @include media-query($on-palm) {
307
+ margin-top: 5px;
308
+ padding-top: 0px;
309
+ margin-left: 1%;
310
+ }
311
+ padding: $spacing-unit 0;
312
+ padding-bottom: $footer-height;
313
+ }
314
+
315
+ .page-heading {
316
+ @include relative-font-size(2);
317
+ }
318
+
319
+ .post-list-heading {
320
+ @include relative-font-size(1.75);
321
+ }
322
+
323
+ .post-list {
324
+ margin-left: 0;
325
+ list-style: none;
326
+
327
+ > li {
328
+ margin-bottom: $spacing-unit;
329
+ }
330
+ }
331
+
332
+ .post-meta {
333
+ font-size: $small-font-size;
334
+ color: $grey-color;
335
+ }
336
+
337
+ .post-link {
338
+ display: block;
339
+ @include relative-font-size(1.5);
340
+ }
341
+
342
+
343
+
344
+ /**
345
+ * Posts
346
+ */
347
+ .post-header {
348
+ margin-bottom: $spacing-unit;
349
+ }
350
+
351
+ .post-title {
352
+ @include relative-font-size(2.625);
353
+ letter-spacing: -1px;
354
+ line-height: 1;
355
+
356
+ @include media-query($on-laptop) {
357
+ @include relative-font-size(2.25);
358
+ }
359
+ }
360
+
361
+ .post-content {
362
+ margin-bottom: $spacing-unit;
363
+
364
+ h2 {
365
+ @include relative-font-size(2);
366
+
367
+ @include media-query($on-laptop) {
368
+ @include relative-font-size(1.75);
369
+ }
370
+ }
371
+
372
+ h3 {
373
+ @include relative-font-size(1.625);
374
+
375
+ @include media-query($on-laptop) {
376
+ @include relative-font-size(1.375);
377
+ }
378
+ }
379
+
380
+ h4 {
381
+ @include relative-font-size(1.25);
382
+
383
+ @include media-query($on-laptop) {
384
+ @include relative-font-size(1.125);
385
+ }
386
+ }
387
+ }
388
+
389
+ .pager-active {
390
+ background-color: #cbdce9;
391
+ }
392
+
393
+
394
+ .center-image {
395
+ margin: 0 auto;
396
+ display: block;
397
397
  }