dendron-jekyll 0.3.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (141) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE.txt +21 -0
  3. data/README.md +68 -0
  4. data/Rakefile +1 -0
  5. data/_includes/active.html +8 -0
  6. data/_includes/archive-single.html +33 -0
  7. data/_includes/crumbs.html +15 -0
  8. data/_includes/css/custom.scss.liquid +1 -0
  9. data/_includes/css/just-the-docs.scss.liquid +7 -0
  10. data/_includes/documents-collection.html +25 -0
  11. data/_includes/figure +9 -0
  12. data/_includes/head.html +40 -0
  13. data/_includes/head_custom.html +0 -0
  14. data/_includes/js/custom.js +0 -0
  15. data/_includes/nav.html +37 -0
  16. data/_includes/sidebar.html +19 -0
  17. data/_includes/title.html +5 -0
  18. data/_includes/toc +7 -0
  19. data/_includes/toc-mm.html +96 -0
  20. data/_includes/toc.html +16 -0
  21. data/_includes/vendor/anchor_headings.html +100 -0
  22. data/_layouts/about.html +5 -0
  23. data/_layouts/archive.html +30 -0
  24. data/_layouts/default.html +160 -0
  25. data/_layouts/home.html +5 -0
  26. data/_layouts/page.html +5 -0
  27. data/_layouts/post.html +5 -0
  28. data/_layouts/single.html +97 -0
  29. data/_layouts/table_wrappers.html +7 -0
  30. data/_layouts/vendor/compress.html +10 -0
  31. data/_sass/base.scss +108 -0
  32. data/_sass/buttons.scss +118 -0
  33. data/_sass/code.scss +261 -0
  34. data/_sass/color_schemes/dark.scss +17 -0
  35. data/_sass/color_schemes/light.scss +0 -0
  36. data/_sass/content.scss +196 -0
  37. data/_sass/custom/custom.scss +0 -0
  38. data/_sass/labels.scss +37 -0
  39. data/_sass/layout.scss +205 -0
  40. data/_sass/minimal-mistakes/_animations.scss +21 -0
  41. data/_sass/minimal-mistakes/_archive.scss +455 -0
  42. data/_sass/minimal-mistakes/_base.scss +357 -0
  43. data/_sass/minimal-mistakes/_buttons.scss +97 -0
  44. data/_sass/minimal-mistakes/_footer.scss +86 -0
  45. data/_sass/minimal-mistakes/_forms.scss +393 -0
  46. data/_sass/minimal-mistakes/_masthead.scss +93 -0
  47. data/_sass/minimal-mistakes/_mixins.scss +92 -0
  48. data/_sass/minimal-mistakes/_navigation.scss +566 -0
  49. data/_sass/minimal-mistakes/_notices.scss +105 -0
  50. data/_sass/minimal-mistakes/_page.scss +553 -0
  51. data/_sass/minimal-mistakes/_print.scss +252 -0
  52. data/_sass/minimal-mistakes/_reset.scss +187 -0
  53. data/_sass/minimal-mistakes/_search.scss +132 -0
  54. data/_sass/minimal-mistakes/_sidebar.scss +347 -0
  55. data/_sass/minimal-mistakes/_syntax.scss +324 -0
  56. data/_sass/minimal-mistakes/_tables.scss +39 -0
  57. data/_sass/minimal-mistakes/_utilities.scss +593 -0
  58. data/_sass/minimal-mistakes/_variables.scss +169 -0
  59. data/_sass/minimal-mistakes/skins/_air.scss +23 -0
  60. data/_sass/minimal-mistakes/skins/_aqua.scss +30 -0
  61. data/_sass/minimal-mistakes/skins/_contrast.scss +51 -0
  62. data/_sass/minimal-mistakes/skins/_dark.scss +28 -0
  63. data/_sass/minimal-mistakes/skins/_default.scss +5 -0
  64. data/_sass/minimal-mistakes/skins/_dirt.scss +33 -0
  65. data/_sass/minimal-mistakes/skins/_mint.scss +23 -0
  66. data/_sass/minimal-mistakes/skins/_neon.scss +57 -0
  67. data/_sass/minimal-mistakes/skins/_plum.scss +64 -0
  68. data/_sass/minimal-mistakes/skins/_sunrise.scss +44 -0
  69. data/_sass/minimal-mistakes/vendor/breakpoint/_breakpoint.scss +114 -0
  70. data/_sass/minimal-mistakes/vendor/breakpoint/_context.scss +95 -0
  71. data/_sass/minimal-mistakes/vendor/breakpoint/_helpers.scss +151 -0
  72. data/_sass/minimal-mistakes/vendor/breakpoint/_legacy-settings.scss +50 -0
  73. data/_sass/minimal-mistakes/vendor/breakpoint/_no-query.scss +15 -0
  74. data/_sass/minimal-mistakes/vendor/breakpoint/_parsers.scss +215 -0
  75. data/_sass/minimal-mistakes/vendor/breakpoint/_respond-to.scss +82 -0
  76. data/_sass/minimal-mistakes/vendor/breakpoint/_settings.scss +71 -0
  77. data/_sass/minimal-mistakes/vendor/breakpoint/parsers/_double.scss +33 -0
  78. data/_sass/minimal-mistakes/vendor/breakpoint/parsers/_query.scss +82 -0
  79. data/_sass/minimal-mistakes/vendor/breakpoint/parsers/_resolution.scss +31 -0
  80. data/_sass/minimal-mistakes/vendor/breakpoint/parsers/_single.scss +26 -0
  81. data/_sass/minimal-mistakes/vendor/breakpoint/parsers/_triple.scss +36 -0
  82. data/_sass/minimal-mistakes/vendor/breakpoint/parsers/double/_default-pair.scss +21 -0
  83. data/_sass/minimal-mistakes/vendor/breakpoint/parsers/double/_default.scss +22 -0
  84. data/_sass/minimal-mistakes/vendor/breakpoint/parsers/double/_double-string.scss +22 -0
  85. data/_sass/minimal-mistakes/vendor/breakpoint/parsers/resolution/_resolution.scss +60 -0
  86. data/_sass/minimal-mistakes/vendor/breakpoint/parsers/single/_default.scss +13 -0
  87. data/_sass/minimal-mistakes/vendor/breakpoint/parsers/triple/_default.scss +18 -0
  88. data/_sass/minimal-mistakes/vendor/magnific-popup/_magnific-popup.scss +649 -0
  89. data/_sass/minimal-mistakes/vendor/magnific-popup/_settings.scss +46 -0
  90. data/_sass/minimal-mistakes/vendor/susy/_su.scss +4 -0
  91. data/_sass/minimal-mistakes/vendor/susy/_susy-prefix.scss +13 -0
  92. data/_sass/minimal-mistakes/vendor/susy/_susy.scss +5 -0
  93. data/_sass/minimal-mistakes/vendor/susy/plugins/_svg-grid.scss +5 -0
  94. data/_sass/minimal-mistakes/vendor/susy/plugins/svg-grid/_prefix.scss +7 -0
  95. data/_sass/minimal-mistakes/vendor/susy/plugins/svg-grid/_svg-api.scss +114 -0
  96. data/_sass/minimal-mistakes/vendor/susy/plugins/svg-grid/_svg-grid-math.scss +67 -0
  97. data/_sass/minimal-mistakes/vendor/susy/plugins/svg-grid/_svg-settings.scss +14 -0
  98. data/_sass/minimal-mistakes/vendor/susy/plugins/svg-grid/_svg-unprefix.scss +18 -0
  99. data/_sass/minimal-mistakes/vendor/susy/plugins/svg-grid/_svg-utilities.scss +133 -0
  100. data/_sass/minimal-mistakes/vendor/susy/susy/_api.scss +318 -0
  101. data/_sass/minimal-mistakes/vendor/susy/susy/_normalize.scss +261 -0
  102. data/_sass/minimal-mistakes/vendor/susy/susy/_parse.scss +163 -0
  103. data/_sass/minimal-mistakes/vendor/susy/susy/_settings.scss +329 -0
  104. data/_sass/minimal-mistakes/vendor/susy/susy/_su-math.scss +441 -0
  105. data/_sass/minimal-mistakes/vendor/susy/susy/_su-validate.scss +213 -0
  106. data/_sass/minimal-mistakes/vendor/susy/susy/_syntax-helpers.scss +191 -0
  107. data/_sass/minimal-mistakes/vendor/susy/susy/_unprefix.scss +56 -0
  108. data/_sass/minimal-mistakes/vendor/susy/susy/_utilities.scss +167 -0
  109. data/_sass/modules.scss +25 -0
  110. data/_sass/navigation.scss +196 -0
  111. data/_sass/print.scss +40 -0
  112. data/_sass/search.scss +323 -0
  113. data/_sass/support/_functions.scss +9 -0
  114. data/_sass/support/_variables.scss +135 -0
  115. data/_sass/support/mixins/_buttons.scss +27 -0
  116. data/_sass/support/mixins/_layout.scss +34 -0
  117. data/_sass/support/mixins/_typography.scss +86 -0
  118. data/_sass/support/mixins/mixins.scss +3 -0
  119. data/_sass/support/support.scss +3 -0
  120. data/_sass/tables.scss +58 -0
  121. data/_sass/typography.scss +60 -0
  122. data/_sass/utilities/_colors.scss +239 -0
  123. data/_sass/utilities/_layout.scss +95 -0
  124. data/_sass/utilities/_lists.scss +17 -0
  125. data/_sass/utilities/_spacing.scss +165 -0
  126. data/_sass/utilities/_typography.scss +91 -0
  127. data/_sass/utilities/utilities.scss +5 -0
  128. data/_sass/vendor/normalize.scss/README.md +78 -0
  129. data/_sass/vendor/normalize.scss/normalize.scss +427 -0
  130. data/_sass/vendor/normalize.scss/package.json +70 -0
  131. data/assets/css/just-the-docs-dark.scss +3 -0
  132. data/assets/css/just-the-docs-default.scss +8 -0
  133. data/assets/css/just-the-docs-light.scss +3 -0
  134. data/assets/images/just-the-docs.png +0 -0
  135. data/assets/images/search.svg +1 -0
  136. data/assets/js/just-the-docs.js +473 -0
  137. data/assets/js/vendor/lunr.min.js +6 -0
  138. data/assets/js/zzzz-search-data.json +60 -0
  139. data/bin/just-the-docs +16 -0
  140. data/lib/tasks/search.rake +74 -0
  141. metadata +245 -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
+ }