benimal-mistakes-jekyll 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (159) hide show
  1. checksums.yaml +7 -0
  2. data/CHANGELOG.md +1095 -0
  3. data/LICENSE.txt +63 -0
  4. data/README.md +245 -0
  5. data/_data/navigation.yml +12 -0
  6. data/_data/ui-text.yml +1079 -0
  7. data/_includes/analytics-providers/custom.html +3 -0
  8. data/_includes/analytics-providers/google-gtag.html +9 -0
  9. data/_includes/analytics-providers/google-universal.html +10 -0
  10. data/_includes/analytics-providers/google.html +14 -0
  11. data/_includes/analytics.html +14 -0
  12. data/_includes/archive-single.html +38 -0
  13. data/_includes/author-profile-custom-links.html +7 -0
  14. data/_includes/author-profile.html +263 -0
  15. data/_includes/base_path +5 -0
  16. data/_includes/breadcrumbs.html +39 -0
  17. data/_includes/browser-upgrade.html +3 -0
  18. data/_includes/category-list.html +26 -0
  19. data/_includes/comment.html +22 -0
  20. data/_includes/comments-providers/custom.html +3 -0
  21. data/_includes/comments-providers/discourse.html +13 -0
  22. data/_includes/comments-providers/disqus.html +15 -0
  23. data/_includes/comments-providers/facebook.html +8 -0
  24. data/_includes/comments-providers/google-plus.html +2 -0
  25. data/_includes/comments-providers/scripts.html +18 -0
  26. data/_includes/comments-providers/staticman.html +42 -0
  27. data/_includes/comments-providers/staticman_v2.html +42 -0
  28. data/_includes/comments.html +171 -0
  29. data/_includes/documents-collection.html +19 -0
  30. data/_includes/feature_row +53 -0
  31. data/_includes/figure +12 -0
  32. data/_includes/footer.html +25 -0
  33. data/_includes/footer/custom.html +3 -0
  34. data/_includes/gallery +47 -0
  35. data/_includes/group-by-array +47 -0
  36. data/_includes/head.html +43 -0
  37. data/_includes/head/custom.html +5 -0
  38. data/_includes/masthead.html +33 -0
  39. data/_includes/nav_list +47 -0
  40. data/_includes/page__hero.html +61 -0
  41. data/_includes/page__hero_video.html +4 -0
  42. data/_includes/page__taxonomy.html +7 -0
  43. data/_includes/paginator.html +69 -0
  44. data/_includes/post_pagination.html +14 -0
  45. data/_includes/posts-category.html +3 -0
  46. data/_includes/posts-tag.html +3 -0
  47. data/_includes/read-time.html +15 -0
  48. data/_includes/schedule.html +57 -0
  49. data/_includes/scripts.html +28 -0
  50. data/_includes/search/algolia-search-scripts.html +54 -0
  51. data/_includes/search/google-search-scripts.html +30 -0
  52. data/_includes/search/lunr-search-scripts.html +10 -0
  53. data/_includes/search/search_form.html +18 -0
  54. data/_includes/seo.html +164 -0
  55. data/_includes/sidebar.html +23 -0
  56. data/_includes/social-share.html +13 -0
  57. data/_includes/tag-list.html +26 -0
  58. data/_includes/toc +7 -0
  59. data/_includes/toc.html +75 -0
  60. data/_includes/two-day-schedule.html +71 -0
  61. data/_includes/video +11 -0
  62. data/_layouts/archive-taxonomy.html +15 -0
  63. data/_layouts/archive.html +26 -0
  64. data/_layouts/categories.html +42 -0
  65. data/_layouts/category.html +9 -0
  66. data/_layouts/collection.html +9 -0
  67. data/_layouts/compress.html +10 -0
  68. data/_layouts/default.html +42 -0
  69. data/_layouts/home.html +11 -0
  70. data/_layouts/posts.html +29 -0
  71. data/_layouts/search.html +42 -0
  72. data/_layouts/single.html +92 -0
  73. data/_layouts/splash.html +22 -0
  74. data/_layouts/tag.html +9 -0
  75. data/_layouts/tags.html +42 -0
  76. data/_sass/minimal-mistakes.scss +40 -0
  77. data/_sass/minimal-mistakes/_animations.scss +21 -0
  78. data/_sass/minimal-mistakes/_archive.scss +362 -0
  79. data/_sass/minimal-mistakes/_base.scss +358 -0
  80. data/_sass/minimal-mistakes/_buttons.scss +98 -0
  81. data/_sass/minimal-mistakes/_footer.scss +91 -0
  82. data/_sass/minimal-mistakes/_forms.scss +393 -0
  83. data/_sass/minimal-mistakes/_masthead.scss +83 -0
  84. data/_sass/minimal-mistakes/_mixins.scss +92 -0
  85. data/_sass/minimal-mistakes/_navigation.scss +544 -0
  86. data/_sass/minimal-mistakes/_notices.scss +100 -0
  87. data/_sass/minimal-mistakes/_page.scss +520 -0
  88. data/_sass/minimal-mistakes/_print.scss +252 -0
  89. data/_sass/minimal-mistakes/_reset.scss +187 -0
  90. data/_sass/minimal-mistakes/_search.scss +125 -0
  91. data/_sass/minimal-mistakes/_sidebar.scss +310 -0
  92. data/_sass/minimal-mistakes/_syntax.scss +324 -0
  93. data/_sass/minimal-mistakes/_tables.scss +37 -0
  94. data/_sass/minimal-mistakes/_utilities.scss +524 -0
  95. data/_sass/minimal-mistakes/_variables.scss +154 -0
  96. data/_sass/minimal-mistakes/skins/_air.scss +23 -0
  97. data/_sass/minimal-mistakes/skins/_aqua.scss +30 -0
  98. data/_sass/minimal-mistakes/skins/_contrast.scss +51 -0
  99. data/_sass/minimal-mistakes/skins/_dark.scss +42 -0
  100. data/_sass/minimal-mistakes/skins/_default.scss +5 -0
  101. data/_sass/minimal-mistakes/skins/_dirt.scss +33 -0
  102. data/_sass/minimal-mistakes/skins/_mint.scss +23 -0
  103. data/_sass/minimal-mistakes/skins/_neon.scss +53 -0
  104. data/_sass/minimal-mistakes/skins/_plum.scss +60 -0
  105. data/_sass/minimal-mistakes/skins/_sunrise.scss +44 -0
  106. data/_sass/minimal-mistakes/vendor/breakpoint/_breakpoint.scss +114 -0
  107. data/_sass/minimal-mistakes/vendor/breakpoint/_context.scss +95 -0
  108. data/_sass/minimal-mistakes/vendor/breakpoint/_helpers.scss +151 -0
  109. data/_sass/minimal-mistakes/vendor/breakpoint/_legacy-settings.scss +50 -0
  110. data/_sass/minimal-mistakes/vendor/breakpoint/_no-query.scss +15 -0
  111. data/_sass/minimal-mistakes/vendor/breakpoint/_parsers.scss +215 -0
  112. data/_sass/minimal-mistakes/vendor/breakpoint/_respond-to.scss +82 -0
  113. data/_sass/minimal-mistakes/vendor/breakpoint/_settings.scss +71 -0
  114. data/_sass/minimal-mistakes/vendor/breakpoint/parsers/_double.scss +33 -0
  115. data/_sass/minimal-mistakes/vendor/breakpoint/parsers/_query.scss +82 -0
  116. data/_sass/minimal-mistakes/vendor/breakpoint/parsers/_resolution.scss +31 -0
  117. data/_sass/minimal-mistakes/vendor/breakpoint/parsers/_single.scss +26 -0
  118. data/_sass/minimal-mistakes/vendor/breakpoint/parsers/_triple.scss +36 -0
  119. data/_sass/minimal-mistakes/vendor/breakpoint/parsers/double/_default-pair.scss +21 -0
  120. data/_sass/minimal-mistakes/vendor/breakpoint/parsers/double/_default.scss +22 -0
  121. data/_sass/minimal-mistakes/vendor/breakpoint/parsers/double/_double-string.scss +22 -0
  122. data/_sass/minimal-mistakes/vendor/breakpoint/parsers/resolution/_resolution.scss +60 -0
  123. data/_sass/minimal-mistakes/vendor/breakpoint/parsers/single/_default.scss +13 -0
  124. data/_sass/minimal-mistakes/vendor/breakpoint/parsers/triple/_default.scss +18 -0
  125. data/_sass/minimal-mistakes/vendor/magnific-popup/_magnific-popup.scss +649 -0
  126. data/_sass/minimal-mistakes/vendor/magnific-popup/_settings.scss +46 -0
  127. data/_sass/minimal-mistakes/vendor/susy/_su.scss +4 -0
  128. data/_sass/minimal-mistakes/vendor/susy/_susy-prefix.scss +13 -0
  129. data/_sass/minimal-mistakes/vendor/susy/_susy.scss +5 -0
  130. data/_sass/minimal-mistakes/vendor/susy/plugins/_svg-grid.scss +5 -0
  131. data/_sass/minimal-mistakes/vendor/susy/plugins/svg-grid/_prefix.scss +7 -0
  132. data/_sass/minimal-mistakes/vendor/susy/plugins/svg-grid/_svg-api.scss +114 -0
  133. data/_sass/minimal-mistakes/vendor/susy/plugins/svg-grid/_svg-grid-math.scss +67 -0
  134. data/_sass/minimal-mistakes/vendor/susy/plugins/svg-grid/_svg-settings.scss +14 -0
  135. data/_sass/minimal-mistakes/vendor/susy/plugins/svg-grid/_svg-unprefix.scss +18 -0
  136. data/_sass/minimal-mistakes/vendor/susy/plugins/svg-grid/_svg-utilities.scss +133 -0
  137. data/_sass/minimal-mistakes/vendor/susy/susy/_api.scss +318 -0
  138. data/_sass/minimal-mistakes/vendor/susy/susy/_normalize.scss +261 -0
  139. data/_sass/minimal-mistakes/vendor/susy/susy/_parse.scss +163 -0
  140. data/_sass/minimal-mistakes/vendor/susy/susy/_settings.scss +329 -0
  141. data/_sass/minimal-mistakes/vendor/susy/susy/_su-math.scss +441 -0
  142. data/_sass/minimal-mistakes/vendor/susy/susy/_su-validate.scss +213 -0
  143. data/_sass/minimal-mistakes/vendor/susy/susy/_syntax-helpers.scss +191 -0
  144. data/_sass/minimal-mistakes/vendor/susy/susy/_unprefix.scss +56 -0
  145. data/_sass/minimal-mistakes/vendor/susy/susy/_utilities.scss +167 -0
  146. data/assets/css/main.scss +8 -0
  147. data/assets/js/_main.js +106 -0
  148. data/assets/js/lunr/lunr-en.js +75 -0
  149. data/assets/js/lunr/lunr-gr.js +528 -0
  150. data/assets/js/lunr/lunr-store.js +52 -0
  151. data/assets/js/lunr/lunr.js +2977 -0
  152. data/assets/js/lunr/lunr.min.js +6 -0
  153. data/assets/js/main.min.js +9 -0
  154. data/assets/js/plugins/jquery.fitvids.js +82 -0
  155. data/assets/js/plugins/jquery.greedy-navigation.js +83 -0
  156. data/assets/js/plugins/jquery.magnific-popup.js +1860 -0
  157. data/assets/js/plugins/jquery.smooth-scroll.min.js +9 -0
  158. data/assets/js/vendor/jquery/jquery-3.3.1.min.js +2 -0
  159. metadata +327 -0
@@ -0,0 +1,31 @@
1
+ @import "resolution/resolution";
2
+
3
+ @function breakpoint-build-resolution($query-print, $query-resolution, $empty-media, $first) {
4
+ $leader: '';
5
+ // If we're forcing
6
+ @if not ($empty-media) or not ($first) {
7
+ $leader: 'and ';
8
+ }
9
+
10
+ @if breakpoint-get('transform resolutions') and $query-resolution {
11
+ $resolutions: breakpoint-make-resolutions($query-resolution);
12
+ $length: length($resolutions);
13
+ $query-holder: '';
14
+
15
+ @for $i from 1 through $length {
16
+ $query: '#{$query-print} #{$leader}#{nth($resolutions, $i)}';
17
+ @if $i == 1 {
18
+ $query-holder: $query;
19
+ }
20
+ @else {
21
+ $query-holder: '#{$query-holder}, #{$query}';
22
+ }
23
+ }
24
+
25
+ @return $query-holder;
26
+ }
27
+ @else {
28
+ // Return with attached resolution
29
+ @return $query-print;
30
+ }
31
+ }
@@ -0,0 +1,26 @@
1
+ //////////////////////////////
2
+ // Import Pieces
3
+ //////////////////////////////
4
+ @import "single/default";
5
+
6
+ @function breakpoint-parse-single($feature, $empty-media, $first) {
7
+ $parsed: '';
8
+ $leader: '';
9
+ // If we're forcing
10
+ @if not ($empty-media) or not ($first) {
11
+ $leader: 'and ';
12
+ }
13
+
14
+ // If it's a single feature that can stand alone, we let it
15
+ @if (breakpoint-single-string($feature)) {
16
+ $parsed: $feature;
17
+ // Set Context
18
+ $context-setter: private-breakpoint-set-context($feature, $feature);
19
+ }
20
+ // If it's not a stand alone feature, we pass it off to the default handler.
21
+ @else {
22
+ $parsed: breakpoint-parse-default($feature);
23
+ }
24
+
25
+ @return $leader + '(' + $parsed + ')';
26
+ }
@@ -0,0 +1,36 @@
1
+ //////////////////////////////
2
+ // Import Pieces
3
+ //////////////////////////////
4
+ @import "triple/default";
5
+
6
+ @function breakpoint-parse-triple($feature, $empty-media, $first) {
7
+ $parsed: '';
8
+ $leader: '';
9
+
10
+ // If we're forcing
11
+ @if not ($empty-media) or not ($first) {
12
+ $leader: 'and ';
13
+ }
14
+
15
+ // separate the string features from the value numbers
16
+ $string: null;
17
+ $numbers: null;
18
+ @each $val in $feature {
19
+ @if type-of($val) == string {
20
+ $string: $val;
21
+ }
22
+ @else {
23
+ @if type-of($numbers) == 'null' {
24
+ $numbers: $val;
25
+ }
26
+ @else {
27
+ $numbers: append($numbers, $val);
28
+ }
29
+ }
30
+ }
31
+
32
+ $parsed: breakpoint-parse-triple-default($string, nth($numbers, 1), nth($numbers, 2));
33
+
34
+ @return $leader + $parsed;
35
+
36
+ }
@@ -0,0 +1,21 @@
1
+ @function breakpoint-parse-default-pair($first, $second) {
2
+ $default: breakpoint-get('default pair');
3
+ $min: '';
4
+ $max: '';
5
+
6
+ // Sort into min and max
7
+ $min: min($first, $second);
8
+ $max: max($first, $second);
9
+
10
+ // Set Context
11
+ $context-setter: private-breakpoint-set-context(min-#{$default}, $min);
12
+ $context-setter: private-breakpoint-set-context(max-#{$default}, $max);
13
+
14
+ // Make them EMs if need be
15
+ @if (breakpoint-get('to ems') == true) {
16
+ $min: breakpoint-to-base-em($min);
17
+ $max: breakpoint-to-base-em($max);
18
+ }
19
+
20
+ @return '(min-#{$default}: #{$min}) and (max-#{$default}: #{$max})';
21
+ }
@@ -0,0 +1,22 @@
1
+ @function breakpoint-parse-double-default($first, $second) {
2
+ $feature: '';
3
+ $value: '';
4
+
5
+ @if type-of($first) == 'string' {
6
+ $feature: $first;
7
+ $value: $second;
8
+ }
9
+ @else {
10
+ $feature: $second;
11
+ $value: $first;
12
+ }
13
+
14
+ // Set Context
15
+ $context-setter: private-breakpoint-set-context($feature, $value);
16
+
17
+ @if (breakpoint-get('to ems') == true) {
18
+ $value: breakpoint-to-base-em($value);
19
+ }
20
+
21
+ @return '(#{$feature}: #{$value})'
22
+ }
@@ -0,0 +1,22 @@
1
+ @function breakpoint-parse-double-string($first, $second) {
2
+ $feature: '';
3
+ $value: '';
4
+
5
+ // Test to see which is the feature and which is the value
6
+ @if (breakpoint-string-value($first) == true) {
7
+ $feature: $first;
8
+ $value: $second;
9
+ }
10
+ @else if (breakpoint-string-value($second) == true) {
11
+ $feature: $second;
12
+ $value: $first;
13
+ }
14
+ @else {
15
+ @warn "Neither #{$first} nor #{$second} is a valid media query name.";
16
+ }
17
+
18
+ // Set Context
19
+ $context-setter: private-breakpoint-set-context($feature, $value);
20
+
21
+ @return '(#{$feature}: #{$value})';
22
+ }
@@ -0,0 +1,60 @@
1
+ @function breakpoint-make-resolutions($resolution) {
2
+ $length: length($resolution);
3
+
4
+ $output: ();
5
+
6
+ @if $length == 2 {
7
+ $feature: '';
8
+ $value: '';
9
+
10
+ // Find which is number
11
+ @if type-of(nth($resolution, 1)) == 'number' {
12
+ $value: nth($resolution, 1);
13
+ }
14
+ @else {
15
+ $value: nth($resolution, 2);
16
+ }
17
+
18
+ // Determine min/max/standard
19
+ @if index($resolution, 'min-resolution') {
20
+ $feature: 'min-';
21
+ }
22
+ @else if index($resolution, 'max-resolution') {
23
+ $feature: 'max-';
24
+ }
25
+
26
+ $standard: '(#{$feature}resolution: #{$value})';
27
+
28
+ // If we're not dealing with dppx,
29
+ @if unit($value) != 'dppx' {
30
+ $base: 96dpi;
31
+ @if unit($value) == 'dpcm' {
32
+ $base: 243.84dpcm;
33
+ }
34
+ // Write out feature tests
35
+ $webkit: '';
36
+ $moz: '';
37
+ $webkit: '(-webkit-#{$feature}device-pixel-ratio: #{$value / $base})';
38
+ $moz: '(#{$feature}-moz-device-pixel-ratio: #{$value / $base})';
39
+ // Append to output
40
+ $output: append($output, $standard, space);
41
+ $output: append($output, $webkit, space);
42
+ $output: append($output, $moz, space);
43
+ }
44
+ @else {
45
+ $webkit: '';
46
+ $moz: '';
47
+ $webkit: '(-webkit-#{$feature}device-pixel-ratio: #{$value / 1dppx})';
48
+ $moz: '(#{$feature}-moz-device-pixel-ratio: #{$value / 1dppx})';
49
+ $fallback: '(#{$feature}resolution: #{$value / 1dppx * 96dpi})';
50
+ // Append to output
51
+ $output: append($output, $standard, space);
52
+ $output: append($output, $webkit, space);
53
+ $output: append($output, $moz, space);
54
+ $output: append($output, $fallback, space);
55
+ }
56
+
57
+ }
58
+
59
+ @return $output;
60
+ }
@@ -0,0 +1,13 @@
1
+ @function breakpoint-parse-default($feature) {
2
+ $default: breakpoint-get('default feature');
3
+
4
+ // Set Context
5
+ $context-setter: private-breakpoint-set-context($default, $feature);
6
+
7
+ @if (breakpoint-get('to ems') == true) and (type-of($feature) == 'number') {
8
+ @return '#{$default}: #{breakpoint-to-base-em($feature)}';
9
+ }
10
+ @else {
11
+ @return '#{$default}: #{$feature}';
12
+ }
13
+ }
@@ -0,0 +1,18 @@
1
+ @function breakpoint-parse-triple-default($feature, $first, $second) {
2
+
3
+ // Sort into min and max
4
+ $min: min($first, $second);
5
+ $max: max($first, $second);
6
+
7
+ // Set Context
8
+ $context-setter: private-breakpoint-set-context(min-#{$feature}, $min);
9
+ $context-setter: private-breakpoint-set-context(max-#{$feature}, $max);
10
+
11
+ // Make them EMs if need be
12
+ @if (breakpoint-get('to ems') == true) {
13
+ $min: breakpoint-to-base-em($min);
14
+ $max: breakpoint-to-base-em($max);
15
+ }
16
+
17
+ @return '(min-#{$feature}: #{$min}) and (max-#{$feature}: #{$max})';
18
+ }
@@ -0,0 +1,649 @@
1
+ /* Magnific Popup CSS */
2
+
3
+ @import "settings";
4
+
5
+ ////////////////////////
6
+ //
7
+ // Contents:
8
+ //
9
+ // 1. Default Settings
10
+ // 2. General styles
11
+ // - Transluscent overlay
12
+ // - Containers, wrappers
13
+ // - Cursors
14
+ // - Helper classes
15
+ // 3. Appearance
16
+ // - Preloader & text that displays error messages
17
+ // - CSS reset for buttons
18
+ // - Close icon
19
+ // - "1 of X" counter
20
+ // - Navigation (left/right) arrows
21
+ // - Iframe content type styles
22
+ // - Image content type styles
23
+ // - Media query where size of arrows is reduced
24
+ // - IE7 support
25
+ //
26
+ ////////////////////////
27
+
28
+
29
+
30
+ ////////////////////////
31
+ // 1. Default Settings
32
+ ////////////////////////
33
+
34
+ $mfp-overlay-color: #0b0b0b !default;
35
+ $mfp-overlay-opacity: 0.8 !default;
36
+ $mfp-shadow: 0 0 8px rgba(0, 0, 0, 0.6) !default; // shadow on image or iframe
37
+ $mfp-popup-padding-left: 8px !default; // Padding from left and from right side
38
+ $mfp-popup-padding-left-mobile: 6px !default; // Same as above, but is applied when width of window is less than 800px
39
+
40
+ $mfp-z-index-base: 1040 !default; // Base z-index of popup
41
+ $mfp-include-arrows: true !default; // include styles for nav arrows
42
+ $mfp-controls-opacity: 0.65 !default;
43
+ $mfp-controls-color: #FFF !default;
44
+ $mfp-controls-border-color: #3F3F3F !default;
45
+ $mfp-inner-close-icon-color: #333 !default;
46
+ $mfp-controls-text-color: #CCC !default; // Color of preloader and "1 of X" indicator
47
+ $mfp-controls-text-color-hover: #FFF !default;
48
+ $mfp-IE7support: true !default; // Very basic IE7 support
49
+
50
+ // Iframe-type options
51
+ $mfp-include-iframe-type: true !default;
52
+ $mfp-iframe-padding-top: 40px !default;
53
+ $mfp-iframe-background: #000 !default;
54
+ $mfp-iframe-max-width: 900px !default;
55
+ $mfp-iframe-ratio: 9/16 !default;
56
+
57
+ // Image-type options
58
+ $mfp-include-image-type: true !default;
59
+ $mfp-image-background: #444 !default;
60
+ $mfp-image-padding-top: 40px !default;
61
+ $mfp-image-padding-bottom: 40px !default;
62
+ $mfp-include-mobile-layout-for-image: true !default; // Removes paddings from top and bottom
63
+
64
+ // Image caption options
65
+ $mfp-caption-title-color: #F3F3F3 !default;
66
+ $mfp-caption-subtitle-color: #BDBDBD !default;
67
+
68
+ // A11y
69
+ $mfp-use-visuallyhidden: false !default; // Hide content from browsers, but make it available for screen readers
70
+
71
+
72
+
73
+ ////////////////////////
74
+ // 2. General styles
75
+ ////////////////////////
76
+
77
+ // Transluscent overlay
78
+ .mfp-bg {
79
+ top: 0;
80
+ left: 0;
81
+ width: 100%;
82
+ height: 100%;
83
+ z-index: $mfp-z-index-base + 2;
84
+ overflow: hidden;
85
+ position: fixed;
86
+
87
+ background: $mfp-overlay-color;
88
+ opacity: $mfp-overlay-opacity;
89
+ @if $mfp-IE7support {
90
+ filter: unquote("alpha(opacity=#{$mfp-overlay-opacity*100})");
91
+ }
92
+ }
93
+
94
+ // Wrapper for popup
95
+ .mfp-wrap {
96
+ top: 0;
97
+ left: 0;
98
+ width: 100%;
99
+ height: 100%;
100
+ z-index: $mfp-z-index-base + 3;
101
+ position: fixed;
102
+ outline: none !important;
103
+ -webkit-backface-visibility: hidden; // fixes webkit bug that can cause "false" scrollbar
104
+ }
105
+
106
+ // Root container
107
+ .mfp-container {
108
+ text-align: center;
109
+ position: absolute;
110
+ width: 100%;
111
+ height: 100%;
112
+ left: 0;
113
+ top: 0;
114
+ padding: 0 $mfp-popup-padding-left;
115
+ -webkit-box-sizing: border-box;
116
+ -moz-box-sizing: border-box;
117
+ box-sizing: border-box;
118
+ }
119
+
120
+ // Vertical centerer helper
121
+ .mfp-container {
122
+ &:before {
123
+ content: '';
124
+ display: inline-block;
125
+ height: 100%;
126
+ vertical-align: middle;
127
+ }
128
+ }
129
+
130
+ // Remove vertical centering when popup has class `mfp-align-top`
131
+ .mfp-align-top {
132
+ .mfp-container {
133
+ &:before {
134
+ display: none;
135
+ }
136
+ }
137
+ }
138
+
139
+ // Popup content holder
140
+ .mfp-content {
141
+ position: relative;
142
+ display: inline-block;
143
+ vertical-align: middle;
144
+ margin: 0 auto;
145
+ text-align: left;
146
+ z-index: $mfp-z-index-base + 5;
147
+ }
148
+ .mfp-inline-holder,
149
+ .mfp-ajax-holder {
150
+ .mfp-content {
151
+ width: 100%;
152
+ cursor: auto;
153
+ }
154
+ }
155
+
156
+ // Cursors
157
+ .mfp-ajax-cur {
158
+ cursor: progress;
159
+ }
160
+ .mfp-zoom-out-cur {
161
+ &, .mfp-image-holder .mfp-close {
162
+ cursor: -moz-zoom-out;
163
+ cursor: -webkit-zoom-out;
164
+ cursor: zoom-out;
165
+ }
166
+ }
167
+ .mfp-zoom {
168
+ cursor: pointer;
169
+ cursor: -webkit-zoom-in;
170
+ cursor: -moz-zoom-in;
171
+ cursor: zoom-in;
172
+ }
173
+ .mfp-auto-cursor {
174
+ .mfp-content {
175
+ cursor: auto;
176
+ }
177
+ }
178
+
179
+ .mfp-close,
180
+ .mfp-arrow,
181
+ .mfp-preloader,
182
+ .mfp-counter {
183
+ -webkit-user-select:none;
184
+ -moz-user-select: none;
185
+ user-select: none;
186
+ }
187
+
188
+ // Hide the image during the loading
189
+ .mfp-loading {
190
+ &.mfp-figure {
191
+ display: none;
192
+ }
193
+ }
194
+
195
+ // Helper class that hides stuff
196
+ @if $mfp-use-visuallyhidden {
197
+ // From HTML5 Boilerplate https://github.com/h5bp/html5-boilerplate/blob/v4.2.0/doc/css.md#visuallyhidden
198
+ .mfp-hide {
199
+ border: 0 !important;
200
+ clip: rect(0 0 0 0) !important;
201
+ height: 1px !important;
202
+ margin: -1px !important;
203
+ overflow: hidden !important;
204
+ padding: 0 !important;
205
+ position: absolute !important;
206
+ width: 1px !important;
207
+ }
208
+ } @else {
209
+ .mfp-hide {
210
+ display: none !important;
211
+ }
212
+ }
213
+
214
+
215
+ ////////////////////////
216
+ // 3. Appearance
217
+ ////////////////////////
218
+
219
+ // Preloader and text that displays error messages
220
+ .mfp-preloader {
221
+ color: $mfp-controls-text-color;
222
+ position: absolute;
223
+ top: 50%;
224
+ width: auto;
225
+ text-align: center;
226
+ margin-top: -0.8em;
227
+ left: 8px;
228
+ right: 8px;
229
+ z-index: $mfp-z-index-base + 4;
230
+ a {
231
+ color: $mfp-controls-text-color;
232
+ &:hover {
233
+ color: $mfp-controls-text-color-hover;
234
+ }
235
+ }
236
+ }
237
+
238
+ // Hide preloader when content successfully loaded
239
+ .mfp-s-ready {
240
+ .mfp-preloader {
241
+ display: none;
242
+ }
243
+ }
244
+
245
+ // Hide content when it was not loaded
246
+ .mfp-s-error {
247
+ .mfp-content {
248
+ display: none;
249
+ }
250
+ }
251
+
252
+ // CSS-reset for buttons
253
+ button {
254
+ &.mfp-close,
255
+ &.mfp-arrow {
256
+ overflow: visible;
257
+ cursor: pointer;
258
+ background: transparent;
259
+ border: 0;
260
+ -webkit-appearance: none;
261
+ display: block;
262
+ outline: none;
263
+ padding: 0;
264
+ z-index: $mfp-z-index-base + 6;
265
+ -webkit-box-shadow: none;
266
+ box-shadow: none;
267
+ }
268
+ &::-moz-focus-inner {
269
+ padding: 0;
270
+ border: 0
271
+ }
272
+ }
273
+
274
+
275
+ // Close icon
276
+ .mfp-close {
277
+ width: 44px;
278
+ height: 44px;
279
+ line-height: 44px;
280
+
281
+ position: absolute;
282
+ right: 0;
283
+ top: 0;
284
+ text-decoration: none;
285
+ text-align: center;
286
+ opacity: $mfp-controls-opacity;
287
+ @if $mfp-IE7support {
288
+ filter: unquote("alpha(opacity=#{$mfp-controls-opacity*100})");
289
+ }
290
+ padding: 0 0 18px 10px;
291
+ color: $mfp-controls-color;
292
+
293
+ font-style: normal;
294
+ font-size: 28px;
295
+ font-family: $serif;
296
+
297
+ &:hover,
298
+ &:focus {
299
+ opacity: 1;
300
+ @if $mfp-IE7support {
301
+ filter: unquote("alpha(opacity=#{1*100})");
302
+ }
303
+ }
304
+
305
+ &:active {
306
+ top: 1px;
307
+ }
308
+ }
309
+ .mfp-close-btn-in {
310
+ .mfp-close {
311
+ color: $mfp-inner-close-icon-color;
312
+ }
313
+ }
314
+ .mfp-image-holder,
315
+ .mfp-iframe-holder {
316
+ .mfp-close {
317
+ color: $mfp-controls-color;
318
+ right: -6px;
319
+ text-align: right;
320
+ padding-right: 6px;
321
+ width: 100%;
322
+ }
323
+ }
324
+
325
+ // "1 of X" counter
326
+ .mfp-counter {
327
+ position: absolute;
328
+ top: 0;
329
+ right: 0;
330
+ color: $mfp-controls-text-color;
331
+ font-size: 12px;
332
+ line-height: 18px;
333
+ }
334
+
335
+ // Navigation arrows
336
+ @if $mfp-include-arrows {
337
+ .mfp-arrow {
338
+ position: absolute;
339
+ opacity: $mfp-controls-opacity;
340
+ @if $mfp-IE7support {
341
+ filter: unquote("alpha(opacity=#{$mfp-controls-opacity*100})");
342
+ }
343
+ margin: 0;
344
+ top: 50%;
345
+ margin-top: -55px;
346
+ padding: 0;
347
+ width: 90px;
348
+ height: 110px;
349
+ -webkit-tap-highlight-color: rgba(0,0,0,0);
350
+ &:active {
351
+ margin-top: -54px;
352
+ }
353
+ &:hover,
354
+ &:focus {
355
+ opacity: 1;
356
+ @if $mfp-IE7support {
357
+ filter: unquote("alpha(opacity=#{1*100})");
358
+ }
359
+ }
360
+ &:before,
361
+ &:after,
362
+ .mfp-b,
363
+ .mfp-a {
364
+ content: '';
365
+ display: block;
366
+ width: 0;
367
+ height: 0;
368
+ position: absolute;
369
+ left: 0;
370
+ top: 0;
371
+ margin-top: 35px;
372
+ margin-left: 35px;
373
+ border: medium inset transparent;
374
+ }
375
+
376
+ &:after,
377
+ .mfp-a {
378
+
379
+ border-top-width: 13px;
380
+ border-bottom-width: 13px;
381
+ top:8px;
382
+ }
383
+
384
+ &:before,
385
+ .mfp-b {
386
+ border-top-width: 21px;
387
+ border-bottom-width: 21px;
388
+ opacity: 0.7;
389
+ }
390
+
391
+ }
392
+
393
+ .mfp-arrow-left {
394
+ left: 0;
395
+
396
+ &:after,
397
+ .mfp-a {
398
+ border-right: 17px solid $mfp-controls-color;
399
+ margin-left: 31px;
400
+ }
401
+ &:before,
402
+ .mfp-b {
403
+ margin-left: 25px;
404
+ border-right: 27px solid $mfp-controls-border-color;
405
+ }
406
+ }
407
+
408
+ .mfp-arrow-right {
409
+ right: 0;
410
+ &:after,
411
+ .mfp-a {
412
+ border-left: 17px solid $mfp-controls-color;
413
+ margin-left: 39px
414
+ }
415
+ &:before,
416
+ .mfp-b {
417
+ border-left: 27px solid $mfp-controls-border-color;
418
+ }
419
+ }
420
+ }
421
+
422
+
423
+
424
+ // Iframe content type
425
+ @if $mfp-include-iframe-type {
426
+ .mfp-iframe-holder {
427
+ padding-top: $mfp-iframe-padding-top;
428
+ padding-bottom: $mfp-iframe-padding-top;
429
+ .mfp-content {
430
+ line-height: 0;
431
+ width: 100%;
432
+ max-width: $mfp-iframe-max-width;
433
+ }
434
+ .mfp-close {
435
+ top: -40px;
436
+ }
437
+ }
438
+ .mfp-iframe-scaler {
439
+ width: 100%;
440
+ height: 0;
441
+ overflow: hidden;
442
+ padding-top: $mfp-iframe-ratio * 100%;
443
+ iframe {
444
+ position: absolute;
445
+ display: block;
446
+ top: 0;
447
+ left: 0;
448
+ width: 100%;
449
+ height: 100%;
450
+ box-shadow: $mfp-shadow;
451
+ background: $mfp-iframe-background;
452
+ }
453
+ }
454
+ }
455
+
456
+
457
+
458
+ // Image content type
459
+ @if $mfp-include-image-type {
460
+
461
+ /* Main image in popup */
462
+ img {
463
+ &.mfp-img {
464
+ width: auto;
465
+ max-width: 100%;
466
+ height: auto;
467
+ display: block;
468
+ line-height: 0;
469
+ -webkit-box-sizing: border-box;
470
+ -moz-box-sizing: border-box;
471
+ box-sizing: border-box;
472
+ padding: $mfp-image-padding-top 0 $mfp-image-padding-bottom;
473
+ margin: 0 auto;
474
+ }
475
+ }
476
+
477
+ /* The shadow behind the image */
478
+ .mfp-figure {
479
+ line-height: 0;
480
+ &:after {
481
+ content: '';
482
+ position: absolute;
483
+ left: 0;
484
+ top: $mfp-image-padding-top;
485
+ bottom: $mfp-image-padding-bottom;
486
+ display: block;
487
+ right: 0;
488
+ width: auto;
489
+ height: auto;
490
+ z-index: -1;
491
+ box-shadow: $mfp-shadow;
492
+ background: $mfp-image-background;
493
+ }
494
+ small {
495
+ color: $mfp-caption-subtitle-color;
496
+ display: block;
497
+ font-size: 12px;
498
+ line-height: 14px;
499
+ }
500
+ figure {
501
+ margin: 0;
502
+ }
503
+ figcaption {
504
+ margin-top: 0;
505
+ margin-bottom: 0; // reset for bottom spacing
506
+ }
507
+ }
508
+ .mfp-bottom-bar {
509
+ margin-top: -$mfp-image-padding-bottom + 4;
510
+ position: absolute;
511
+ top: 100%;
512
+ left: 0;
513
+ width: 100%;
514
+ cursor: auto;
515
+ }
516
+ .mfp-title {
517
+ text-align: left;
518
+ line-height: 18px;
519
+ color: $mfp-caption-title-color;
520
+ word-wrap: break-word;
521
+ padding-right: 36px; // leave some space for counter at right side
522
+ }
523
+
524
+ .mfp-image-holder {
525
+ .mfp-content {
526
+ max-width: 100%;
527
+ }
528
+ }
529
+
530
+ .mfp-gallery {
531
+ .mfp-image-holder {
532
+ .mfp-figure {
533
+ cursor: pointer;
534
+ }
535
+ }
536
+ }
537
+
538
+
539
+ @if $mfp-include-mobile-layout-for-image {
540
+ @media screen and (max-width: 800px) and (orientation:landscape), screen and (max-height: 300px) {
541
+ /**
542
+ * Remove all paddings around the image on small screen
543
+ */
544
+ .mfp-img-mobile {
545
+ .mfp-image-holder {
546
+ padding-left: 0;
547
+ padding-right: 0;
548
+ }
549
+ img {
550
+ &.mfp-img {
551
+ padding: 0;
552
+ }
553
+ }
554
+ .mfp-figure {
555
+ // The shadow behind the image
556
+ &:after {
557
+ top: 0;
558
+ bottom: 0;
559
+ }
560
+ small {
561
+ display: inline;
562
+ margin-left: 5px;
563
+ }
564
+ }
565
+ .mfp-bottom-bar {
566
+ background: rgba(0,0,0,0.6);
567
+ bottom: 0;
568
+ margin: 0;
569
+ top: auto;
570
+ padding: 3px 5px;
571
+ position: fixed;
572
+ -webkit-box-sizing: border-box;
573
+ -moz-box-sizing: border-box;
574
+ box-sizing: border-box;
575
+ &:empty {
576
+ padding: 0;
577
+ }
578
+ }
579
+ .mfp-counter {
580
+ right: 5px;
581
+ top: 3px;
582
+ }
583
+ .mfp-close {
584
+ top: 0;
585
+ right: 0;
586
+ width: 35px;
587
+ height: 35px;
588
+ line-height: 35px;
589
+ background: rgba(0, 0, 0, 0.6);
590
+ position: fixed;
591
+ text-align: center;
592
+ padding: 0;
593
+ }
594
+ }
595
+ }
596
+ }
597
+ }
598
+
599
+
600
+
601
+ // Scale navigation arrows and reduce padding from sides
602
+ @media all and (max-width: 900px) {
603
+ .mfp-arrow {
604
+ -webkit-transform: scale(0.75);
605
+ transform: scale(0.75);
606
+ }
607
+ .mfp-arrow-left {
608
+ -webkit-transform-origin: 0;
609
+ transform-origin: 0;
610
+ }
611
+ .mfp-arrow-right {
612
+ -webkit-transform-origin: 100%;
613
+ transform-origin: 100%;
614
+ }
615
+ .mfp-container {
616
+ padding-left: $mfp-popup-padding-left-mobile;
617
+ padding-right: $mfp-popup-padding-left-mobile;
618
+ }
619
+ }
620
+
621
+
622
+
623
+ // IE7 support
624
+ // Styles that make popup look nicier in old IE
625
+ @if $mfp-IE7support {
626
+ .mfp-ie7 {
627
+ .mfp-img {
628
+ padding: 0;
629
+ }
630
+ .mfp-bottom-bar {
631
+ width: 600px;
632
+ left: 50%;
633
+ margin-left: -300px;
634
+ margin-top: 5px;
635
+ padding-bottom: 5px;
636
+ }
637
+ .mfp-container {
638
+ padding: 0;
639
+ }
640
+ .mfp-content {
641
+ padding-top: 44px;
642
+ }
643
+ .mfp-close {
644
+ top: 0;
645
+ right: 0;
646
+ padding-top: 0;
647
+ }
648
+ }
649
+ }