minimal-mistakes-jekyll 4.10.0 → 4.10.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (132) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +16 -1
  3. data/LICENSE.txt +63 -63
  4. data/_data/navigation.yml +11 -11
  5. data/_data/ui-text.yml +986 -983
  6. data/_includes/analytics-providers/custom.html +2 -2
  7. data/_includes/analytics-providers/google-gtag.html +9 -0
  8. data/_includes/analytics-providers/google-universal.html +9 -9
  9. data/_includes/analytics-providers/google.html +10 -10
  10. data/_includes/analytics.html +13 -11
  11. data/_includes/archive-single.html +37 -37
  12. data/_includes/author-profile-custom-links.html +6 -6
  13. data/_includes/base_path +4 -4
  14. data/_includes/breadcrumbs.html +39 -39
  15. data/_includes/browser-upgrade.html +3 -3
  16. data/_includes/category-list.html +25 -25
  17. data/_includes/comment.html +22 -22
  18. data/_includes/comments-providers/custom.html +2 -2
  19. data/_includes/comments-providers/discourse.html +13 -13
  20. data/_includes/comments-providers/facebook.html +7 -7
  21. data/_includes/comments-providers/google-plus.html +1 -1
  22. data/_includes/comments-providers/staticman.html +41 -41
  23. data/_includes/comments-providers/staticman_v2.html +41 -41
  24. data/_includes/comments.html +168 -168
  25. data/_includes/feature_row +49 -49
  26. data/_includes/figure +12 -12
  27. data/_includes/footer.html +25 -25
  28. data/_includes/footer/custom.html +2 -2
  29. data/_includes/gallery +46 -46
  30. data/_includes/group-by-array +46 -46
  31. data/_includes/head.html +42 -42
  32. data/_includes/head/custom.html +5 -5
  33. data/_includes/nav_list +46 -46
  34. data/_includes/page__hero.html +61 -61
  35. data/_includes/page__hero_video.html +4 -4
  36. data/_includes/page__taxonomy.html +6 -6
  37. data/_includes/paginator.html +69 -69
  38. data/_includes/post_pagination.html +13 -13
  39. data/_includes/read-time.html +14 -14
  40. data/_includes/scripts.html +26 -26
  41. data/_includes/search/algolia-search-scripts.html +54 -54
  42. data/_includes/search/lunr-search-scripts.html +9 -9
  43. data/_includes/search/search_form.html +10 -10
  44. data/_includes/seo.html +166 -166
  45. data/_includes/sidebar.html +22 -22
  46. data/_includes/social-share.html +13 -13
  47. data/_includes/tag-list.html +25 -25
  48. data/_includes/toc +6 -6
  49. data/_includes/toc.html +74 -74
  50. data/_includes/video +11 -11
  51. data/_layouts/archive-taxonomy.html +14 -14
  52. data/_layouts/compress.html +10 -10
  53. data/_layouts/default.html +1 -1
  54. data/_layouts/home.html +11 -11
  55. data/_layouts/search.html +35 -35
  56. data/_layouts/single.html +92 -92
  57. data/_layouts/splash.html +21 -21
  58. data/_sass/minimal-mistakes.scss +1 -1
  59. data/_sass/minimal-mistakes/_animations.scss +20 -20
  60. data/_sass/minimal-mistakes/_archive.scss +319 -319
  61. data/_sass/minimal-mistakes/_buttons.scss +97 -97
  62. data/_sass/minimal-mistakes/_footer.scss +85 -85
  63. data/_sass/minimal-mistakes/_masthead.scss +83 -83
  64. data/_sass/minimal-mistakes/_mixins.scss +91 -91
  65. data/_sass/minimal-mistakes/_notices.scss +99 -99
  66. data/_sass/minimal-mistakes/_page.scss +452 -452
  67. data/_sass/minimal-mistakes/_reset.scss +186 -186
  68. data/_sass/minimal-mistakes/_search.scss +125 -125
  69. data/_sass/minimal-mistakes/_sidebar.scss +297 -297
  70. data/_sass/minimal-mistakes/_tables.scss +36 -36
  71. data/_sass/minimal-mistakes/_utilities.scss +520 -520
  72. data/_sass/minimal-mistakes/_variables.scss +153 -153
  73. data/_sass/minimal-mistakes/skins/_air.scss +23 -23
  74. data/_sass/minimal-mistakes/skins/_aqua.scss +29 -29
  75. data/_sass/minimal-mistakes/skins/_contrast.scss +51 -51
  76. data/_sass/minimal-mistakes/skins/_dark.scss +42 -42
  77. data/_sass/minimal-mistakes/skins/_default.scss +5 -5
  78. data/_sass/minimal-mistakes/skins/_dirt.scss +33 -33
  79. data/_sass/minimal-mistakes/skins/_mint.scss +23 -23
  80. data/_sass/minimal-mistakes/skins/_neon.scss +53 -53
  81. data/_sass/minimal-mistakes/skins/_plum.scss +60 -60
  82. data/_sass/minimal-mistakes/skins/_sunrise.scss +44 -44
  83. data/_sass/minimal-mistakes/vendor/breakpoint/_breakpoint.scss +114 -114
  84. data/_sass/minimal-mistakes/vendor/breakpoint/_context.scss +94 -94
  85. data/_sass/minimal-mistakes/vendor/breakpoint/_helpers.scss +151 -151
  86. data/_sass/minimal-mistakes/vendor/breakpoint/_legacy-settings.scss +49 -49
  87. data/_sass/minimal-mistakes/vendor/breakpoint/_no-query.scss +15 -15
  88. data/_sass/minimal-mistakes/vendor/breakpoint/_parsers.scss +215 -215
  89. data/_sass/minimal-mistakes/vendor/breakpoint/_respond-to.scss +82 -82
  90. data/_sass/minimal-mistakes/vendor/breakpoint/_settings.scss +70 -70
  91. data/_sass/minimal-mistakes/vendor/breakpoint/parsers/_double.scss +33 -33
  92. data/_sass/minimal-mistakes/vendor/breakpoint/parsers/_query.scss +82 -82
  93. data/_sass/minimal-mistakes/vendor/breakpoint/parsers/_resolution.scss +31 -31
  94. data/_sass/minimal-mistakes/vendor/breakpoint/parsers/_single.scss +26 -26
  95. data/_sass/minimal-mistakes/vendor/breakpoint/parsers/_triple.scss +36 -36
  96. data/_sass/minimal-mistakes/vendor/breakpoint/parsers/double/_default-pair.scss +21 -21
  97. data/_sass/minimal-mistakes/vendor/breakpoint/parsers/double/_default.scss +22 -22
  98. data/_sass/minimal-mistakes/vendor/breakpoint/parsers/double/_double-string.scss +21 -21
  99. data/_sass/minimal-mistakes/vendor/breakpoint/parsers/resolution/_resolution.scss +60 -60
  100. data/_sass/minimal-mistakes/vendor/breakpoint/parsers/single/_default.scss +13 -13
  101. data/_sass/minimal-mistakes/vendor/breakpoint/parsers/triple/_default.scss +18 -18
  102. data/_sass/minimal-mistakes/vendor/magnific-popup/_magnific-popup.scss +649 -649
  103. data/_sass/minimal-mistakes/vendor/magnific-popup/_settings.scss +45 -45
  104. data/_sass/minimal-mistakes/vendor/susy/_susy-prefix.scss +13 -13
  105. data/_sass/minimal-mistakes/vendor/susy/_susy.scss +5 -5
  106. data/_sass/minimal-mistakes/vendor/susy/plugins/_svg-grid.scss +5 -5
  107. data/_sass/minimal-mistakes/vendor/susy/plugins/svg-grid/_prefix.scss +7 -7
  108. data/_sass/minimal-mistakes/vendor/susy/plugins/svg-grid/_svg-api.scss +114 -114
  109. data/_sass/minimal-mistakes/vendor/susy/plugins/svg-grid/_svg-grid-math.scss +67 -67
  110. data/_sass/minimal-mistakes/vendor/susy/plugins/svg-grid/_svg-settings.scss +14 -14
  111. data/_sass/minimal-mistakes/vendor/susy/plugins/svg-grid/_svg-unprefix.scss +18 -18
  112. data/_sass/minimal-mistakes/vendor/susy/plugins/svg-grid/_svg-utilities.scss +133 -133
  113. data/_sass/minimal-mistakes/vendor/susy/susy/_api.scss +318 -318
  114. data/_sass/minimal-mistakes/vendor/susy/susy/_normalize.scss +261 -261
  115. data/_sass/minimal-mistakes/vendor/susy/susy/_parse.scss +163 -163
  116. data/_sass/minimal-mistakes/vendor/susy/susy/_settings.scss +329 -329
  117. data/_sass/minimal-mistakes/vendor/susy/susy/_su-math.scss +441 -441
  118. data/_sass/minimal-mistakes/vendor/susy/susy/_su-validate.scss +213 -213
  119. data/_sass/minimal-mistakes/vendor/susy/susy/_syntax-helpers.scss +191 -191
  120. data/_sass/minimal-mistakes/vendor/susy/susy/_unprefix.scss +56 -56
  121. data/_sass/minimal-mistakes/vendor/susy/susy/_utilities.scss +167 -167
  122. data/assets/css/main.scss +7 -7
  123. data/assets/js/_main.js +106 -106
  124. data/assets/js/lunr/lunr-en.js +75 -75
  125. data/assets/js/lunr/lunr-gr.js +528 -528
  126. data/assets/js/lunr/lunr-store.js +36 -36
  127. data/assets/js/lunr/lunr.js +2977 -2977
  128. data/assets/js/main.min.js +5 -5
  129. data/assets/js/plugins/jquery.fitvids.js +81 -81
  130. data/assets/js/vendor/jquery/jquery-3.3.1.min.js +2 -0
  131. metadata +5 -4
  132. data/assets/js/vendor/jquery/jquery-3.2.1.min.js +0 -4
@@ -1,37 +1,37 @@
1
- /* ==========================================================================
2
- TABLES
3
- ========================================================================== */
4
-
5
- table {
6
- margin-bottom: 1em;
7
- width: 100%;
8
- font-family: $global-font-family;
9
- font-size: $type-size-6;
10
- border-collapse: collapse;
11
-
12
- & + table {
13
- margin-top: 1em;
14
- }
15
- }
16
-
17
- thead {
18
- background-color: $border-color;
19
- border-bottom: 2px solid mix(#000, $border-color, 25%);
20
- }
21
-
22
- th {
23
- padding: 0.5em;
24
- font-weight: bold;
25
- text-align: left;
26
- }
27
-
28
- td {
29
- padding: 0.5em;
30
- border-bottom: 1px solid mix(#000, $border-color, 25%);
31
- }
32
-
33
- tr,
34
- td,
35
- th {
36
- vertical-align: middle;
1
+ /* ==========================================================================
2
+ TABLES
3
+ ========================================================================== */
4
+
5
+ table {
6
+ margin-bottom: 1em;
7
+ width: 100%;
8
+ font-family: $global-font-family;
9
+ font-size: $type-size-6;
10
+ border-collapse: collapse;
11
+
12
+ & + table {
13
+ margin-top: 1em;
14
+ }
15
+ }
16
+
17
+ thead {
18
+ background-color: $border-color;
19
+ border-bottom: 2px solid mix(#000, $border-color, 25%);
20
+ }
21
+
22
+ th {
23
+ padding: 0.5em;
24
+ font-weight: bold;
25
+ text-align: left;
26
+ }
27
+
28
+ td {
29
+ padding: 0.5em;
30
+ border-bottom: 1px solid mix(#000, $border-color, 25%);
31
+ }
32
+
33
+ tr,
34
+ td,
35
+ th {
36
+ vertical-align: middle;
37
37
  }
@@ -1,520 +1,520 @@
1
- /* ==========================================================================
2
- UTILITY CLASSES
3
- ========================================================================== */
4
-
5
- /*
6
- Visibility
7
- ========================================================================== */
8
-
9
- /* http://www.456bereastreet.com/archive/200711/screen_readers_sometimes_ignore_displaynone/ */
10
-
11
- .hidden,
12
- .is--hidden {
13
- display: none;
14
- visibility: hidden;
15
- }
16
-
17
- /* for preloading images */
18
-
19
- .load {
20
- display: none;
21
- }
22
-
23
- .transparent {
24
- opacity: 0;
25
- }
26
-
27
- /* https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html */
28
-
29
- .visually-hidden,
30
- .screen-reader-text,
31
- .screen-reader-text span,
32
- .screen-reader-shortcut {
33
- position: absolute !important;
34
- clip: rect(1px, 1px, 1px, 1px);
35
- height: 1px !important;
36
- width: 1px !important;
37
- border: 0 !important;
38
- overflow: hidden;
39
- }
40
-
41
- body:hover .visually-hidden a,
42
- body:hover .visually-hidden input,
43
- body:hover .visually-hidden button {
44
- display: none !important;
45
- }
46
-
47
- /* screen readers */
48
-
49
- .screen-reader-text:focus,
50
- .screen-reader-shortcut:focus {
51
- clip: auto !important;
52
- height: auto !important;
53
- width: auto !important;
54
- display: block;
55
- font-size: 1em;
56
- font-weight: bold;
57
- padding: 15px 23px 14px;
58
- background: #fff;
59
- z-index: 100000;
60
- text-decoration: none;
61
- box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
62
- }
63
-
64
- /*
65
- Skip links
66
- ========================================================================== */
67
-
68
- .skip-link {
69
- position: fixed;
70
- z-index: 20;
71
- margin: 0;
72
- font-family: $sans-serif;
73
- white-space: nowrap;
74
- }
75
-
76
- .skip-link li {
77
- height: 0;
78
- width: 0;
79
- list-style: none;
80
- }
81
-
82
- /*
83
- Type
84
- ========================================================================== */
85
-
86
- .text-left {
87
- text-align: left;
88
- }
89
-
90
- .text-center {
91
- text-align: center;
92
- }
93
-
94
- .text-right {
95
- text-align: right;
96
- }
97
-
98
- .text-justify {
99
- text-align: justify;
100
- }
101
-
102
- .text-nowrap {
103
- white-space: nowrap;
104
- }
105
-
106
- /*
107
- Alignment
108
- ========================================================================== */
109
-
110
- /* clearfix */
111
-
112
- .cf {
113
- clear: both;
114
- }
115
-
116
- .wrapper {
117
- margin-left: auto;
118
- margin-right: auto;
119
- width: 100%;
120
- }
121
-
122
- /*
123
- Images
124
- ========================================================================== */
125
-
126
- /* image align left */
127
-
128
- .align-left {
129
- display: block;
130
- margin-left: auto;
131
- margin-right: auto;
132
-
133
- @include breakpoint($small) {
134
- float: left;
135
- margin-right: 1em;
136
- }
137
- }
138
-
139
- /* image align right */
140
-
141
- .align-right {
142
- display: block;
143
- margin-left: auto;
144
- margin-right: auto;
145
-
146
- @include breakpoint($small) {
147
- float: right;
148
- margin-left: 1em;
149
- }
150
- }
151
-
152
- /* image align center */
153
-
154
- .align-center {
155
- display: block;
156
- margin-left: auto;
157
- margin-right: auto;
158
- }
159
-
160
- /* file page content container */
161
-
162
- .full {
163
- @include breakpoint($large) {
164
- margin-right: -1 * span(2.5 of 12) !important;
165
- }
166
- }
167
-
168
- /*
169
- Icons
170
- ========================================================================== */
171
-
172
- .icon {
173
- display: inline-block;
174
- fill: currentColor;
175
- width: 1em;
176
- height: 1.1em;
177
- line-height: 1;
178
- position: relative;
179
- top: -0.1em;
180
- vertical-align: middle;
181
- }
182
-
183
- /* social icons*/
184
-
185
- .social-icons {
186
- .fas,
187
- .fab,
188
- .far,
189
- .fal {
190
- color: $text-color;
191
- }
192
-
193
- .fa-behance,
194
- .fa-behance-square {
195
- color: $behance-color;
196
- }
197
-
198
- .fa-bitbucket {
199
- color: $bitbucket-color;
200
- }
201
-
202
- .fa-dribbble,
203
- .fa-dribble-square {
204
- color: $dribbble-color;
205
- }
206
-
207
- .fa-facebook,
208
- .fa-facebook-square,
209
- .fa-facebook-f {
210
- color: $facebook-color;
211
- }
212
-
213
- .fa-flickr {
214
- color: $flickr-color;
215
- }
216
-
217
- .fa-foursquare {
218
- color: $foursquare-color;
219
- }
220
-
221
- .fa-github,
222
- .fa-github-alt,
223
- .fa-github-square {
224
- color: $github-color;
225
- }
226
-
227
- .fa-google-plus,
228
- .fa-google-plus-square,
229
- .fa-google-plus-g {
230
- color: $google-plus-color;
231
- }
232
-
233
- .fa-instagram {
234
- color: $instagram-color;
235
- }
236
-
237
- .fa-lastfm,
238
- .fa-lastfm-square {
239
- color: $lastfm-color;
240
- }
241
-
242
- .fa-linkedin,
243
- .fa-linkedin-in {
244
- color: $linkedin-color;
245
- }
246
-
247
- .fa-pinterest,
248
- .fa-pinterest-p,
249
- .fa-pinterest-square {
250
- color: $pinterest-color;
251
- }
252
-
253
- .fa-rss,
254
- .fa-rss-square {
255
- color: $rss-color;
256
- }
257
-
258
- .fa-soundcloud {
259
- color: $soundcloud-color;
260
- }
261
-
262
- .fa-stack-exchange,
263
- .fa-stack-overflow {
264
- color: $stackoverflow-color;
265
- }
266
-
267
- .fa-tumblr,
268
- .fa-tumblr-square {
269
- color: $tumblr-color;
270
- }
271
-
272
- .fa-twitter,
273
- .fa-twitter-square {
274
- color: $twitter-color;
275
- }
276
-
277
- .fa-vimeo,
278
- .fa-vimeo-square,
279
- .fa-vimeo-v {
280
- color: $vimeo-color;
281
- }
282
-
283
- .fa-vine {
284
- color: $vine-color;
285
- }
286
-
287
- .fa-youtube {
288
- color: $youtube-color;
289
- }
290
-
291
- .fa-xing,
292
- .fa-xing-square {
293
- color: $xing-color;
294
- }
295
- }
296
-
297
- /*
298
- Navicons
299
- ========================================================================== */
300
-
301
- .navicon {
302
- position: relative;
303
- width: $navicon-width;
304
- height: $navicon-height;
305
- background: #fff;
306
- margin: auto;
307
- -webkit-transition: 0.3s;
308
- transition: 0.3s;
309
-
310
- &:before,
311
- &:after {
312
- content: "";
313
- position: absolute;
314
- left: 0;
315
- width: $navicon-width;
316
- height: $navicon-height;
317
- background: #fff;
318
- -webkit-transition: 0.3s;
319
- transition: 0.3s;
320
- }
321
-
322
- &:before {
323
- top: (-2 * $navicon-height);
324
- }
325
-
326
- &:after {
327
- bottom: (-2 * $navicon-height);
328
- }
329
- }
330
-
331
- .close .navicon {
332
- /* hide the middle line*/
333
- background: transparent;
334
-
335
- /* overlay the lines by setting both their top values to 0*/
336
- &:before,
337
- &:after {
338
- -webkit-transform-origin: 50% 50%;
339
- -ms-transform-origin: 50% 50%;
340
- transform-origin: 50% 50%;
341
- top: 0;
342
- width: $navicon-width;
343
- }
344
-
345
- /* rotate the lines to form the x shape*/
346
- &:before {
347
- -webkit-transform: rotate3d(0, 0, 1, 45deg);
348
- transform: rotate3d(0, 0, 1, 45deg);
349
- }
350
- &:after {
351
- -webkit-transform: rotate3d(0, 0, 1, -45deg);
352
- transform: rotate3d(0, 0, 1, -45deg);
353
- }
354
- }
355
-
356
- /*
357
- Sticky, fixed to top content
358
- ========================================================================== */
359
-
360
- .sticky {
361
- @include breakpoint($large) {
362
- @include clearfix();
363
- position: -webkit-sticky;
364
- position: sticky;
365
- top: 2em;
366
-
367
- > * {
368
- display: block;
369
- }
370
- }
371
- }
372
-
373
- /*
374
- Wells
375
- ========================================================================== */
376
-
377
- .well {
378
- min-height: 20px;
379
- padding: 19px;
380
- margin-bottom: 20px;
381
- background-color: #f5f5f5;
382
- border: 1px solid #e3e3e3;
383
- border-radius: $border-radius;
384
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
385
- }
386
-
387
- /*
388
- Modals
389
- ========================================================================== */
390
-
391
- .show-modal {
392
- overflow: hidden;
393
- position: relative;
394
-
395
- &:before {
396
- position: absolute;
397
- content: "";
398
- top: 0;
399
- left: 0;
400
- width: 100%;
401
- height: 100%;
402
- z-index: 999;
403
- background-color: rgba(255, 255, 255, 0.85);
404
- }
405
-
406
- .modal {
407
- display: block;
408
- }
409
- }
410
-
411
- .modal {
412
- display: none;
413
- position: fixed;
414
- width: 300px;
415
- top: 50%;
416
- left: 50%;
417
- margin-left: -150px;
418
- margin-top: -150px;
419
- min-height: 0;
420
- z-index: 9999;
421
- background: #fff;
422
- border: 1px solid $border-color;
423
- border-radius: $border-radius;
424
- box-shadow: $box-shadow;
425
-
426
- &__title {
427
- margin: 0;
428
- padding: 0.5em 1em;
429
- }
430
-
431
- &__supporting-text {
432
- padding: 0 1em 0.5em 1em;
433
- }
434
-
435
- &__actions {
436
- padding: 0.5em 1em;
437
- border-top: 1px solid $border-color;
438
- }
439
- }
440
-
441
- /*
442
- Footnotes
443
- ========================================================================== */
444
-
445
- .footnote {
446
- color: mix(#fff, $gray, 25%);
447
- text-decoration: none;
448
- }
449
-
450
- .footnotes {
451
- color: mix(#fff, $gray, 25%);
452
-
453
- ol,
454
- li,
455
- p {
456
- margin-bottom: 0;
457
- font-size: $type-size-6;
458
- }
459
- }
460
-
461
- a.reversefootnote {
462
- color: $gray;
463
- text-decoration: none;
464
-
465
- &:hover {
466
- text-decoration: underline;
467
- }
468
- }
469
-
470
- /*
471
- Required
472
- ========================================================================== */
473
-
474
- .required {
475
- color: $danger-color;
476
- font-weight: bold;
477
- }
478
-
479
- /*
480
- Google Custom Search Engine
481
- ========================================================================== */
482
-
483
- .gsc-control-cse {
484
- table,
485
- tr,
486
- td {
487
- border: 0; /* remove table borders widget */
488
- }
489
- }
490
-
491
- /*
492
- Responsive Video Embed
493
- ========================================================================== */
494
-
495
- .responsive-video-container {
496
- position: relative;
497
- margin-bottom: 1em;
498
- padding-bottom: 56.25%;
499
- height: 0;
500
- overflow: hidden;
501
- max-width: 100%;
502
-
503
- iframe,
504
- object,
505
- embed {
506
- position: absolute;
507
- top: 0;
508
- left: 0;
509
- width: 100%;
510
- height: 100%;
511
- }
512
- }
513
-
514
- // full screen video fixes
515
- :-webkit-full-screen-ancestor {
516
- .masthead,
517
- .page__footer {
518
- position: static;
519
- }
520
- }
1
+ /* ==========================================================================
2
+ UTILITY CLASSES
3
+ ========================================================================== */
4
+
5
+ /*
6
+ Visibility
7
+ ========================================================================== */
8
+
9
+ /* http://www.456bereastreet.com/archive/200711/screen_readers_sometimes_ignore_displaynone/ */
10
+
11
+ .hidden,
12
+ .is--hidden {
13
+ display: none;
14
+ visibility: hidden;
15
+ }
16
+
17
+ /* for preloading images */
18
+
19
+ .load {
20
+ display: none;
21
+ }
22
+
23
+ .transparent {
24
+ opacity: 0;
25
+ }
26
+
27
+ /* https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html */
28
+
29
+ .visually-hidden,
30
+ .screen-reader-text,
31
+ .screen-reader-text span,
32
+ .screen-reader-shortcut {
33
+ position: absolute !important;
34
+ clip: rect(1px, 1px, 1px, 1px);
35
+ height: 1px !important;
36
+ width: 1px !important;
37
+ border: 0 !important;
38
+ overflow: hidden;
39
+ }
40
+
41
+ body:hover .visually-hidden a,
42
+ body:hover .visually-hidden input,
43
+ body:hover .visually-hidden button {
44
+ display: none !important;
45
+ }
46
+
47
+ /* screen readers */
48
+
49
+ .screen-reader-text:focus,
50
+ .screen-reader-shortcut:focus {
51
+ clip: auto !important;
52
+ height: auto !important;
53
+ width: auto !important;
54
+ display: block;
55
+ font-size: 1em;
56
+ font-weight: bold;
57
+ padding: 15px 23px 14px;
58
+ background: #fff;
59
+ z-index: 100000;
60
+ text-decoration: none;
61
+ box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
62
+ }
63
+
64
+ /*
65
+ Skip links
66
+ ========================================================================== */
67
+
68
+ .skip-link {
69
+ position: fixed;
70
+ z-index: 20;
71
+ margin: 0;
72
+ font-family: $sans-serif;
73
+ white-space: nowrap;
74
+ }
75
+
76
+ .skip-link li {
77
+ height: 0;
78
+ width: 0;
79
+ list-style: none;
80
+ }
81
+
82
+ /*
83
+ Type
84
+ ========================================================================== */
85
+
86
+ .text-left {
87
+ text-align: left;
88
+ }
89
+
90
+ .text-center {
91
+ text-align: center;
92
+ }
93
+
94
+ .text-right {
95
+ text-align: right;
96
+ }
97
+
98
+ .text-justify {
99
+ text-align: justify;
100
+ }
101
+
102
+ .text-nowrap {
103
+ white-space: nowrap;
104
+ }
105
+
106
+ /*
107
+ Alignment
108
+ ========================================================================== */
109
+
110
+ /* clearfix */
111
+
112
+ .cf {
113
+ clear: both;
114
+ }
115
+
116
+ .wrapper {
117
+ margin-left: auto;
118
+ margin-right: auto;
119
+ width: 100%;
120
+ }
121
+
122
+ /*
123
+ Images
124
+ ========================================================================== */
125
+
126
+ /* image align left */
127
+
128
+ .align-left {
129
+ display: block;
130
+ margin-left: auto;
131
+ margin-right: auto;
132
+
133
+ @include breakpoint($small) {
134
+ float: left;
135
+ margin-right: 1em;
136
+ }
137
+ }
138
+
139
+ /* image align right */
140
+
141
+ .align-right {
142
+ display: block;
143
+ margin-left: auto;
144
+ margin-right: auto;
145
+
146
+ @include breakpoint($small) {
147
+ float: right;
148
+ margin-left: 1em;
149
+ }
150
+ }
151
+
152
+ /* image align center */
153
+
154
+ .align-center {
155
+ display: block;
156
+ margin-left: auto;
157
+ margin-right: auto;
158
+ }
159
+
160
+ /* file page content container */
161
+
162
+ .full {
163
+ @include breakpoint($large) {
164
+ margin-right: -1 * span(2.5 of 12) !important;
165
+ }
166
+ }
167
+
168
+ /*
169
+ Icons
170
+ ========================================================================== */
171
+
172
+ .icon {
173
+ display: inline-block;
174
+ fill: currentColor;
175
+ width: 1em;
176
+ height: 1.1em;
177
+ line-height: 1;
178
+ position: relative;
179
+ top: -0.1em;
180
+ vertical-align: middle;
181
+ }
182
+
183
+ /* social icons*/
184
+
185
+ .social-icons {
186
+ .fas,
187
+ .fab,
188
+ .far,
189
+ .fal {
190
+ color: $text-color;
191
+ }
192
+
193
+ .fa-behance,
194
+ .fa-behance-square {
195
+ color: $behance-color;
196
+ }
197
+
198
+ .fa-bitbucket {
199
+ color: $bitbucket-color;
200
+ }
201
+
202
+ .fa-dribbble,
203
+ .fa-dribble-square {
204
+ color: $dribbble-color;
205
+ }
206
+
207
+ .fa-facebook,
208
+ .fa-facebook-square,
209
+ .fa-facebook-f {
210
+ color: $facebook-color;
211
+ }
212
+
213
+ .fa-flickr {
214
+ color: $flickr-color;
215
+ }
216
+
217
+ .fa-foursquare {
218
+ color: $foursquare-color;
219
+ }
220
+
221
+ .fa-github,
222
+ .fa-github-alt,
223
+ .fa-github-square {
224
+ color: $github-color;
225
+ }
226
+
227
+ .fa-google-plus,
228
+ .fa-google-plus-square,
229
+ .fa-google-plus-g {
230
+ color: $google-plus-color;
231
+ }
232
+
233
+ .fa-instagram {
234
+ color: $instagram-color;
235
+ }
236
+
237
+ .fa-lastfm,
238
+ .fa-lastfm-square {
239
+ color: $lastfm-color;
240
+ }
241
+
242
+ .fa-linkedin,
243
+ .fa-linkedin-in {
244
+ color: $linkedin-color;
245
+ }
246
+
247
+ .fa-pinterest,
248
+ .fa-pinterest-p,
249
+ .fa-pinterest-square {
250
+ color: $pinterest-color;
251
+ }
252
+
253
+ .fa-rss,
254
+ .fa-rss-square {
255
+ color: $rss-color;
256
+ }
257
+
258
+ .fa-soundcloud {
259
+ color: $soundcloud-color;
260
+ }
261
+
262
+ .fa-stack-exchange,
263
+ .fa-stack-overflow {
264
+ color: $stackoverflow-color;
265
+ }
266
+
267
+ .fa-tumblr,
268
+ .fa-tumblr-square {
269
+ color: $tumblr-color;
270
+ }
271
+
272
+ .fa-twitter,
273
+ .fa-twitter-square {
274
+ color: $twitter-color;
275
+ }
276
+
277
+ .fa-vimeo,
278
+ .fa-vimeo-square,
279
+ .fa-vimeo-v {
280
+ color: $vimeo-color;
281
+ }
282
+
283
+ .fa-vine {
284
+ color: $vine-color;
285
+ }
286
+
287
+ .fa-youtube {
288
+ color: $youtube-color;
289
+ }
290
+
291
+ .fa-xing,
292
+ .fa-xing-square {
293
+ color: $xing-color;
294
+ }
295
+ }
296
+
297
+ /*
298
+ Navicons
299
+ ========================================================================== */
300
+
301
+ .navicon {
302
+ position: relative;
303
+ width: $navicon-width;
304
+ height: $navicon-height;
305
+ background: #fff;
306
+ margin: auto;
307
+ -webkit-transition: 0.3s;
308
+ transition: 0.3s;
309
+
310
+ &:before,
311
+ &:after {
312
+ content: "";
313
+ position: absolute;
314
+ left: 0;
315
+ width: $navicon-width;
316
+ height: $navicon-height;
317
+ background: #fff;
318
+ -webkit-transition: 0.3s;
319
+ transition: 0.3s;
320
+ }
321
+
322
+ &:before {
323
+ top: (-2 * $navicon-height);
324
+ }
325
+
326
+ &:after {
327
+ bottom: (-2 * $navicon-height);
328
+ }
329
+ }
330
+
331
+ .close .navicon {
332
+ /* hide the middle line*/
333
+ background: transparent;
334
+
335
+ /* overlay the lines by setting both their top values to 0*/
336
+ &:before,
337
+ &:after {
338
+ -webkit-transform-origin: 50% 50%;
339
+ -ms-transform-origin: 50% 50%;
340
+ transform-origin: 50% 50%;
341
+ top: 0;
342
+ width: $navicon-width;
343
+ }
344
+
345
+ /* rotate the lines to form the x shape*/
346
+ &:before {
347
+ -webkit-transform: rotate3d(0, 0, 1, 45deg);
348
+ transform: rotate3d(0, 0, 1, 45deg);
349
+ }
350
+ &:after {
351
+ -webkit-transform: rotate3d(0, 0, 1, -45deg);
352
+ transform: rotate3d(0, 0, 1, -45deg);
353
+ }
354
+ }
355
+
356
+ /*
357
+ Sticky, fixed to top content
358
+ ========================================================================== */
359
+
360
+ .sticky {
361
+ @include breakpoint($large) {
362
+ @include clearfix();
363
+ position: -webkit-sticky;
364
+ position: sticky;
365
+ top: 2em;
366
+
367
+ > * {
368
+ display: block;
369
+ }
370
+ }
371
+ }
372
+
373
+ /*
374
+ Wells
375
+ ========================================================================== */
376
+
377
+ .well {
378
+ min-height: 20px;
379
+ padding: 19px;
380
+ margin-bottom: 20px;
381
+ background-color: #f5f5f5;
382
+ border: 1px solid #e3e3e3;
383
+ border-radius: $border-radius;
384
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
385
+ }
386
+
387
+ /*
388
+ Modals
389
+ ========================================================================== */
390
+
391
+ .show-modal {
392
+ overflow: hidden;
393
+ position: relative;
394
+
395
+ &:before {
396
+ position: absolute;
397
+ content: "";
398
+ top: 0;
399
+ left: 0;
400
+ width: 100%;
401
+ height: 100%;
402
+ z-index: 999;
403
+ background-color: rgba(255, 255, 255, 0.85);
404
+ }
405
+
406
+ .modal {
407
+ display: block;
408
+ }
409
+ }
410
+
411
+ .modal {
412
+ display: none;
413
+ position: fixed;
414
+ width: 300px;
415
+ top: 50%;
416
+ left: 50%;
417
+ margin-left: -150px;
418
+ margin-top: -150px;
419
+ min-height: 0;
420
+ z-index: 9999;
421
+ background: #fff;
422
+ border: 1px solid $border-color;
423
+ border-radius: $border-radius;
424
+ box-shadow: $box-shadow;
425
+
426
+ &__title {
427
+ margin: 0;
428
+ padding: 0.5em 1em;
429
+ }
430
+
431
+ &__supporting-text {
432
+ padding: 0 1em 0.5em 1em;
433
+ }
434
+
435
+ &__actions {
436
+ padding: 0.5em 1em;
437
+ border-top: 1px solid $border-color;
438
+ }
439
+ }
440
+
441
+ /*
442
+ Footnotes
443
+ ========================================================================== */
444
+
445
+ .footnote {
446
+ color: mix(#fff, $gray, 25%);
447
+ text-decoration: none;
448
+ }
449
+
450
+ .footnotes {
451
+ color: mix(#fff, $gray, 25%);
452
+
453
+ ol,
454
+ li,
455
+ p {
456
+ margin-bottom: 0;
457
+ font-size: $type-size-6;
458
+ }
459
+ }
460
+
461
+ a.reversefootnote {
462
+ color: $gray;
463
+ text-decoration: none;
464
+
465
+ &:hover {
466
+ text-decoration: underline;
467
+ }
468
+ }
469
+
470
+ /*
471
+ Required
472
+ ========================================================================== */
473
+
474
+ .required {
475
+ color: $danger-color;
476
+ font-weight: bold;
477
+ }
478
+
479
+ /*
480
+ Google Custom Search Engine
481
+ ========================================================================== */
482
+
483
+ .gsc-control-cse {
484
+ table,
485
+ tr,
486
+ td {
487
+ border: 0; /* remove table borders widget */
488
+ }
489
+ }
490
+
491
+ /*
492
+ Responsive Video Embed
493
+ ========================================================================== */
494
+
495
+ .responsive-video-container {
496
+ position: relative;
497
+ margin-bottom: 1em;
498
+ padding-bottom: 56.25%;
499
+ height: 0;
500
+ overflow: hidden;
501
+ max-width: 100%;
502
+
503
+ iframe,
504
+ object,
505
+ embed {
506
+ position: absolute;
507
+ top: 0;
508
+ left: 0;
509
+ width: 100%;
510
+ height: 100%;
511
+ }
512
+ }
513
+
514
+ // full screen video fixes
515
+ :-webkit-full-screen-ancestor {
516
+ .masthead,
517
+ .page__footer {
518
+ position: static;
519
+ }
520
+ }