minimal-mistakes-jekyll 4.7.0 → 4.7.1

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