jekyll-theme-ethereal 0.4.4 → 0.5.0

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 +4 -4
  2. data/_includes/contact_script.html +2 -2
  3. data/_includes/head.html +8 -1
  4. data/_includes/panel_map.html +70 -96
  5. data/_includes/scripts.html +8 -19
  6. data/_includes/search.html +8 -6
  7. data/_layouts/default.html +4 -4
  8. data/_sass/large/base/_page.scss +0 -0
  9. data/_sass/large/base/_reset.scss +0 -0
  10. data/_sass/large/base/_typography.scss +11 -0
  11. data/_sass/large/components/_actions.scss +0 -0
  12. data/_sass/large/components/_button.scss +0 -0
  13. data/_sass/large/components/_contact-icons.scss +0 -0
  14. data/_sass/{components → large/components}/_cookieconsent.scss +0 -0
  15. data/_sass/large/components/_form.scss +0 -0
  16. data/_sass/large/components/_gallery.scss +0 -0
  17. data/_sass/large/components/_grid-icons.scss +0 -0
  18. data/_sass/large/components/_icon.scss +0 -0
  19. data/_sass/large/components/_icons.scss +0 -0
  20. data/_sass/large/components/_image.scss +0 -0
  21. data/_sass/large/components/_list.scss +0 -0
  22. data/_sass/large/components/_panel-banner.scss +0 -0
  23. data/_sass/large/components/_panel-spotlight.scss +0 -0
  24. data/_sass/large/components/_panel.scss +0 -0
  25. data/_sass/large/components/_table.scss +0 -0
  26. data/_sass/large/layout/_footer.scss +0 -0
  27. data/_sass/large/layout/_header.scss +0 -0
  28. data/_sass/large/layout/_page-wrapper.scss +0 -0
  29. data/_sass/large/layout/_wrapper.scss +0 -0
  30. data/_sass/large.scss +48 -0
  31. data/_sass/libs/_breakpoints.scss +164 -164
  32. data/_sass/libs/_functions.scss +32 -32
  33. data/_sass/libs/_mixins.scss +225 -49
  34. data/_sass/libs/_vars.scss +40 -40
  35. data/_sass/libs/_vendor.scss +331 -331
  36. data/_sass/main/base/_page.scss +99 -0
  37. data/_sass/main/base/_reset.scss +76 -0
  38. data/_sass/main/base/_typography.scss +193 -0
  39. data/_sass/main/components/_actions.scss +63 -0
  40. data/_sass/main/components/_button.scss +154 -0
  41. data/_sass/main/components/_contact-icons.scss +72 -0
  42. data/_sass/main/components/_cookieconsent.scss +403 -0
  43. data/_sass/main/components/_form.scss +253 -0
  44. data/_sass/main/components/_gallery.scss +167 -0
  45. data/_sass/main/components/_grid-icons.scss +139 -0
  46. data/_sass/main/components/_icon.scss +33 -0
  47. data/_sass/main/components/_icons.scss +28 -0
  48. data/_sass/main/components/_image.scss +169 -0
  49. data/_sass/main/components/_list.scss +56 -0
  50. data/_sass/main/components/_panel-banner.scss +52 -0
  51. data/_sass/main/components/_panel-spotlight.scss +62 -0
  52. data/_sass/main/components/_panel.scss +224 -0
  53. data/_sass/main/components/_table.scss +81 -0
  54. data/_sass/main/layout/_footer.scss +30 -0
  55. data/_sass/main/layout/_header.scss +35 -0
  56. data/_sass/main/layout/_page-wrapper.scss +22 -0
  57. data/_sass/main/layout/_wrapper.scss +85 -0
  58. data/_sass/main.scss +24 -118
  59. data/_sass/medium/base/_page.scss +0 -0
  60. data/_sass/medium/base/_reset.scss +0 -0
  61. data/_sass/medium/base/_typography.scss +0 -0
  62. data/_sass/medium/components/_actions.scss +0 -0
  63. data/_sass/medium/components/_button.scss +0 -0
  64. data/_sass/medium/components/_contact-icons.scss +0 -0
  65. data/_sass/medium/components/_cookieconsent.scss +403 -0
  66. data/_sass/medium/components/_form.scss +0 -0
  67. data/_sass/medium/components/_gallery.scss +11 -0
  68. data/_sass/medium/components/_grid-icons.scss +0 -0
  69. data/_sass/medium/components/_icon.scss +0 -0
  70. data/_sass/medium/components/_icons.scss +0 -0
  71. data/_sass/medium/components/_image.scss +0 -0
  72. data/_sass/medium/components/_list.scss +0 -0
  73. data/_sass/medium/components/_panel-banner.scss +0 -0
  74. data/_sass/medium/components/_panel-spotlight.scss +0 -0
  75. data/_sass/medium/components/_panel.scss +0 -0
  76. data/_sass/medium/components/_table.scss +0 -0
  77. data/_sass/medium/layout/_footer.scss +0 -0
  78. data/_sass/medium/layout/_header.scss +0 -0
  79. data/_sass/medium/layout/_page-wrapper.scss +0 -0
  80. data/_sass/medium/layout/_wrapper.scss +0 -0
  81. data/_sass/medium.scss +47 -0
  82. data/_sass/noscript.scss +12 -12
  83. data/_sass/short/base/_page.scss +0 -0
  84. data/_sass/short/base/_reset.scss +0 -0
  85. data/_sass/short/base/_typography.scss +0 -0
  86. data/_sass/short/components/_actions.scss +0 -0
  87. data/_sass/short/components/_button.scss +0 -0
  88. data/_sass/short/components/_contact-icons.scss +0 -0
  89. data/_sass/short/components/_cookieconsent.scss +403 -0
  90. data/_sass/short/components/_form.scss +1 -0
  91. data/_sass/short/components/_gallery.scss +0 -0
  92. data/_sass/short/components/_grid-icons.scss +0 -0
  93. data/_sass/short/components/_icon.scss +0 -0
  94. data/_sass/short/components/_icons.scss +0 -0
  95. data/_sass/short/components/_image.scss +0 -0
  96. data/_sass/short/components/_list.scss +0 -0
  97. data/_sass/short/components/_panel-banner.scss +0 -0
  98. data/_sass/short/components/_panel-spotlight.scss +0 -0
  99. data/_sass/short/components/_panel.scss +0 -0
  100. data/_sass/short/components/_table.scss +0 -0
  101. data/_sass/short/layout/_footer.scss +0 -0
  102. data/_sass/short/layout/_header.scss +0 -0
  103. data/_sass/short/layout/_page-wrapper.scss +9 -0
  104. data/_sass/short/layout/_wrapper.scss +0 -0
  105. data/_sass/short.scss +48 -0
  106. data/_sass/small/base/_page.scss +17 -0
  107. data/_sass/small/base/_reset.scss +0 -0
  108. data/_sass/small/base/_typography.scss +67 -0
  109. data/_sass/small/components/_actions.scss +0 -0
  110. data/_sass/small/components/_button.scss +0 -0
  111. data/_sass/small/components/_contact-icons.scss +0 -0
  112. data/_sass/small/components/_cookieconsent.scss +403 -0
  113. data/_sass/small/components/_form.scss +27 -0
  114. data/_sass/small/components/_gallery.scss +38 -0
  115. data/_sass/small/components/_grid-icons.scss +29 -0
  116. data/_sass/small/components/_icon.scss +0 -0
  117. data/_sass/small/components/_icons.scss +0 -0
  118. data/_sass/small/components/_image.scss +0 -0
  119. data/_sass/small/components/_list.scss +0 -0
  120. data/_sass/small/components/_panel-banner.scss +37 -0
  121. data/_sass/small/components/_panel-spotlight.scss +18 -0
  122. data/_sass/small/components/_panel.scss +80 -0
  123. data/_sass/small/components/_table.scss +0 -0
  124. data/_sass/small/layout/_footer.scss +34 -0
  125. data/_sass/small/layout/_header.scss +0 -0
  126. data/_sass/small/layout/_page-wrapper.scss +12 -0
  127. data/_sass/small/layout/_wrapper.scss +26 -0
  128. data/_sass/small.scss +49 -0
  129. data/assets/css/cookieconsent.css +404 -0
  130. data/assets/css/fontawesome-all.min.css +1 -1
  131. data/assets/css/large.scss +5 -0
  132. data/assets/css/mapbox-gl.panel.css +27 -0
  133. data/assets/css/medium.scss +5 -0
  134. data/assets/css/short.scss +5 -0
  135. data/assets/css/small.scss +5 -0
  136. data/assets/js/cookieconsent.style.min.js +1 -0
  137. data/assets/js/{mapbox-gl.js → mapbox-gl.min.js} +0 -0
  138. metadata +124 -25
  139. data/_sass/base/_page.scss +0 -117
  140. data/_sass/base/_reset.scss +0 -76
  141. data/_sass/base/_typography.scss +0 -271
  142. data/_sass/components/_actions.scss +0 -63
  143. data/_sass/components/_button.scss +0 -154
  144. data/_sass/components/_contact-icons.scss +0 -72
  145. data/_sass/components/_form.scss +0 -279
  146. data/_sass/components/_gallery.scss +0 -218
  147. data/_sass/components/_grid-icons.scss +0 -166
  148. data/_sass/components/_icon.scss +0 -33
  149. data/_sass/components/_icons.scss +0 -28
  150. data/_sass/components/_image.scss +0 -169
  151. data/_sass/components/_list.scss +0 -56
  152. data/_sass/components/_panel-banner.scss +0 -90
  153. data/_sass/components/_panel-spotlight.scss +0 -81
  154. data/_sass/components/_panel.scss +0 -300
  155. data/_sass/components/_table.scss +0 -81
  156. data/_sass/layout/_footer.scss +0 -49
  157. data/_sass/layout/_header.scss +0 -37
  158. data/_sass/layout/_page-wrapper.scss +0 -43
  159. data/_sass/layout/_wrapper.scss +0 -118
@@ -4,36 +4,36 @@
4
4
  /// @param {string} $where Optional pseudoelement to target (before or after).
5
5
  @mixin icon($content: false, $category: regular, $where: before) {
6
6
 
7
- text-decoration: none;
8
-
9
- &:#{$where} {
10
-
11
- @if $content {
12
- content: $content;
13
- }
14
-
15
- -moz-osx-font-smoothing: grayscale;
16
- -webkit-font-smoothing: antialiased;
17
- display: inline-block;
18
- font-style: normal;
19
- font-variant: normal;
20
- text-rendering: auto;
21
- line-height: 1;
22
- text-transform: none !important;
23
-
24
- @if ($category == brands) {
25
- font-family: 'Font Awesome 5 Brands';
26
- }
27
- @elseif ($category == solid) {
28
- font-family: 'Font Awesome 5 Free';
29
- font-weight: 900;
30
- }
31
- @else {
32
- font-family: 'Font Awesome 5 Free';
33
- font-weight: 400;
34
- }
35
-
36
- }
7
+ text-decoration: none;
8
+
9
+ &:#{$where} {
10
+
11
+ @if $content {
12
+ content: $content;
13
+ }
14
+
15
+ -moz-osx-font-smoothing: grayscale;
16
+ -webkit-font-smoothing: antialiased;
17
+ display: inline-block;
18
+ font-style: normal;
19
+ font-variant: normal;
20
+ text-rendering: auto;
21
+ line-height: 1;
22
+ text-transform: none !important;
23
+
24
+ @if ($category == brands) {
25
+ font-family: 'Font Awesome 5 Brands';
26
+ }
27
+ @elseif ($category == solid) {
28
+ font-family: 'Font Awesome 5 Free';
29
+ font-weight: 900;
30
+ }
31
+ @else {
32
+ font-family: 'Font Awesome 5 Free';
33
+ font-weight: 400;
34
+ }
35
+
36
+ }
37
37
 
38
38
  }
39
39
 
@@ -44,17 +44,17 @@
44
44
  /// @param {bool} $important If true, adds !important.
45
45
  @mixin padding($tb, $lr, $pad: (0,0,0,0), $important: null) {
46
46
 
47
- @if $important {
48
- $important: '!important';
49
- }
47
+ @if $important {
48
+ $important: '!important';
49
+ }
50
50
 
51
- $x: 0.1em;
51
+ $x: 0.1em;
52
52
 
53
- @if unit(_size(element-margin)) == 'rem' {
54
- $x: 0.1rem;
55
- }
53
+ @if unit(_size(element-margin)) == 'rem' {
54
+ $x: 0.1rem;
55
+ }
56
56
 
57
- padding: ($tb + nth($pad,1)) ($lr + nth($pad,2)) max($x, $tb - _size(element-margin) + nth($pad,3)) ($lr + nth($pad,4)) #{$important};
57
+ padding: ($tb + nth($pad,1)) ($lr + nth($pad,2)) max($x, $tb - _size(element-margin) + nth($pad,3)) ($lr + nth($pad,4)) #{$important};
58
58
 
59
59
  }
60
60
 
@@ -63,16 +63,192 @@
63
63
  /// @return {string} Encoded SVG data URL.
64
64
  @function svg-url($svg) {
65
65
 
66
- $svg: str-replace($svg, '"', '\'');
67
- $svg: str-replace($svg, '%', '%25');
68
- $svg: str-replace($svg, '<', '%3C');
69
- $svg: str-replace($svg, '>', '%3E');
70
- $svg: str-replace($svg, '&', '%26');
71
- $svg: str-replace($svg, '#', '%23');
72
- $svg: str-replace($svg, '{', '%7B');
73
- $svg: str-replace($svg, '}', '%7D');
74
- $svg: str-replace($svg, ';', '%3B');
66
+ $svg: str-replace($svg, '"', '\'');
67
+ $svg: str-replace($svg, '%', '%25');
68
+ $svg: str-replace($svg, '<', '%3C');
69
+ $svg: str-replace($svg, '>', '%3E');
70
+ $svg: str-replace($svg, '&', '%26');
71
+ $svg: str-replace($svg, '#', '%23');
72
+ $svg: str-replace($svg, '{', '%7B');
73
+ $svg: str-replace($svg, '}', '%7D');
74
+ $svg: str-replace($svg, ';', '%3B');
75
75
 
76
- @return url("data:image/svg+xml;charset=utf8,#{$svg}");
76
+ @return url("data:image/svg+xml;charset=utf8,#{$svg}");
77
77
 
78
- }
78
+ }
79
+
80
+ /// Defines a unit of width: size the elements so their width is a multiple of the unit.
81
+ /// @param {mixed} $x the actual size of the unit.
82
+ @mixin spans($x) {
83
+ @for $i from 0 through 10 {
84
+
85
+ @if ($i > 0) {
86
+ .span-#{$i} {
87
+ width: ($x * $i);
88
+ }
89
+ }
90
+
91
+ @if ($i < 10) {
92
+ .span-#{$i}-25 {
93
+ width: ($x * $i) + ($x * 0.25);
94
+ }
95
+
96
+ .span-#{$i}-5 {
97
+ width: ($x * $i) + ($x * 0.5);
98
+ }
99
+
100
+ .span-#{$i}-75 {
101
+ width: ($x * $i) + ($x * 0.75);
102
+ }
103
+ }
104
+ }
105
+ }
106
+
107
+ @mixin spans-small($x) {
108
+ @for $i from 0 through 10 {
109
+
110
+ @if ($i > 0) {
111
+ .span-#{$i} {
112
+ width: 100%;
113
+ }
114
+ }
115
+
116
+ @if ($i < 10) {
117
+ .span-#{$i}-25 {
118
+ width: 100%;
119
+ }
120
+
121
+ .span-#{$i}-5 {
122
+ width: 100%;
123
+ }
124
+
125
+ .span-#{$i}-75 {
126
+ width: 100%;
127
+ }
128
+ }
129
+ }
130
+ }
131
+
132
+ ///
133
+ @mixin gradient-background($tint: false, $opacity: 0.25, $stop1: 25%, $stop2: 50%, $angle: 45deg) {
134
+ $background-image: (
135
+ url('./images/overlay.png'),
136
+ linear-gradient($angle, transparentize(_palette(accent1), (1 - $opacity)) $stop1, transparentize(_palette(accent2), (1 - $opacity)) $stop2, transparentize(_palette(accent3), (1 - $opacity)))
137
+ );
138
+
139
+ $background-size: (
140
+ 128px 128px,
141
+ auto
142
+ );
143
+
144
+ @if ($tint) {
145
+ $x: linear-gradient(0deg, rgba(0,0,0,0.125), rgba(0,0,0,0.125));
146
+ $y: auto;
147
+ $background-image: append($background-image, $x);
148
+ $background-size: append($background-size, $y);
149
+ }
150
+
151
+ background-image: $background-image;
152
+ background-size: $background-size;
153
+ }
154
+
155
+ @mixin gradient-background-small($tint: false, $opacity: 0.25, $stop1: 25%, $stop2: 50%) {
156
+ @include gradient-background($tint, $opacity, $stop1, $stop2, 135deg);
157
+ }
158
+
159
+ ///
160
+ @mixin panel-colors {
161
+ $opacity: 0.175;
162
+ $darken: 3;
163
+ $desaturate: 3;
164
+
165
+ &.color0 {
166
+ @include gradient-background(false, 1, 20%, 60%);
167
+ }
168
+
169
+ &.color1 {
170
+ @include gradient-background;
171
+ background-color: _palette(accent1);
172
+ }
173
+
174
+ &.color2 {
175
+ @include gradient-background;
176
+ background-color: _palette(accent2);
177
+ }
178
+
179
+ &.color3 {
180
+ @include gradient-background;
181
+ background-color: desaturate(darken(_palette(accent3), 9), 9);
182
+ }
183
+
184
+ &.color4 {
185
+ @include gradient-background;
186
+ background-color: _palette(accent4);
187
+ }
188
+
189
+ &.color1-alt {
190
+ @include gradient-background(false, $opacity);
191
+ background-color: desaturate(darken(_palette(accent1), $darken), $desaturate);
192
+ }
193
+
194
+ &.color2-alt {
195
+ @include gradient-background(false, $opacity);
196
+ background-color: desaturate(darken(_palette(accent2), $darken), $desaturate);
197
+ }
198
+
199
+ &.color3-alt {
200
+ @include gradient-background(false, $opacity);
201
+ background-color: desaturate(darken(_palette(accent3), 12), 12);
202
+ }
203
+
204
+ &.color4-alt {
205
+ @include gradient-background(false, $opacity);
206
+ background-color: desaturate(darken(_palette(accent4), $darken), $desaturate);
207
+ }
208
+ }
209
+
210
+ @mixin panel-colors-small {
211
+ $opacity: 0.175;
212
+ $darken: 3;
213
+ $desaturate: 3;
214
+
215
+ &.color1 {
216
+ @include gradient-background-small;
217
+ background-color: _palette(accent1);
218
+ }
219
+
220
+ &.color2 {
221
+ @include gradient-background-small;
222
+ background-color: _palette(accent2);
223
+ }
224
+
225
+ &.color3 {
226
+ @include gradient-background-small;
227
+ background-color: _palette(accent3);
228
+ }
229
+
230
+ &.color4 {
231
+ @include gradient-background-small;
232
+ background-color: _palette(accent4);
233
+ }
234
+
235
+ &.color1-alt {
236
+ @include gradient-background-small(false, $opacity);
237
+ background-color: desaturate(darken(_palette(accent1), $darken), $desaturate);
238
+ }
239
+
240
+ &.color2-alt {
241
+ @include gradient-background-small(false, $opacity);
242
+ background-color: desaturate(darken(_palette(accent2), $darken), $desaturate);
243
+ }
244
+
245
+ &.color3-alt {
246
+ @include gradient-background-small(false, $opacity);
247
+ background-color: desaturate(darken(_palette(accent3), $darken), $desaturate);
248
+ }
249
+
250
+ &.color4-alt {
251
+ @include gradient-background-small(false, $opacity);
252
+ background-color: desaturate(darken(_palette(accent4), $darken), $desaturate);
253
+ }
254
+ }
@@ -1,49 +1,49 @@
1
1
  // Misc.
2
- $misc: (
3
- z-index-base: 10000,
4
- gallery-lightbox-opacity: 0.875
5
- );
2
+ $misc: (
3
+ z-index-base: 10000,
4
+ gallery-lightbox-opacity: 0.875
5
+ );
6
6
 
7
7
  // Duration.
8
- $duration: (
9
- transition: 0.2s,
10
- gallery-lightbox-fadein: 0.5s
11
- );
8
+ $duration: (
9
+ transition: 0.2s,
10
+ gallery-lightbox-fadein: 0.5s
11
+ );
12
12
 
13
13
  // Size.
14
- $size: (
15
- border-radius: 0.25rem,
16
- element-height: 2.5rem,
17
- element-margin: 1.5rem,
18
- pad: 3.5rem,
19
- pad-small-tb: 3.5rem * 0.825,
20
- pad-small-lr: 3.5rem * 0.5,
21
- span-fixed: 10rem,
22
- span-variable: 10%
23
- );
14
+ $size: (
15
+ border-radius: 0.25rem,
16
+ element-height: 2.5rem,
17
+ element-margin: 1.5rem,
18
+ pad: 3.5rem,
19
+ pad-small-tb: 3.5rem * 0.825,
20
+ pad-small-lr: 3.5rem * 0.5,
21
+ span-fixed: 10rem,
22
+ span-variable: 10%
23
+ );
24
24
 
25
25
  // Font.
26
- $font: (
27
- family: ('Source Sans Pro', Helvetica, sans-serif),
28
- family-heading: (Arial, Helvetica, sans-serif),
29
- family-fixed: ('Courier New', monospace),
30
- weight: 300,
31
- weight-bold: 400,
32
- weight-heading: 700
33
- );
26
+ $font: (
27
+ family: ('Source Sans Pro', Helvetica, sans-serif),
28
+ family-heading: (Arial, Helvetica, sans-serif),
29
+ family-fixed: ('Courier New', monospace),
30
+ weight: 300,
31
+ weight-bold: 400,
32
+ weight-heading: 700
33
+ );
34
34
 
35
35
  // Palette.
36
- $palette: (
37
- bg: #2e2b37,
38
- bg-alt: #e1e6e1,
39
- fg: rgba(255,255,255,0.75),
40
- fg-bold: rgba(255,255,255,0.875),
41
- fg-light: rgba(255,255,255,0.5),
42
- border: rgba(255,255,255,0.25),
43
- border-bg: rgba(255,255,255,0.075),
44
- border-bg-alt: rgba(255,255,255,0.125),
45
- accent1: #726193,
46
- accent2: #e37b7c,
47
- accent3: #ffe4b4,
48
- accent4: #353865
49
- );
36
+ $palette: (
37
+ bg: #2e2b37,
38
+ bg-alt: #e1e6e1,
39
+ fg: rgba(255,255,255,0.75),
40
+ fg-bold: rgba(255,255,255,0.875),
41
+ fg-light: rgba(255,255,255,0.5),
42
+ border: rgba(255,255,255,0.25),
43
+ border-bg: rgba(255,255,255,0.075),
44
+ border-bg-alt: rgba(255,255,255,0.125),
45
+ accent1: #726193,
46
+ accent2: #e37b7c,
47
+ accent3: #ffe4b4,
48
+ accent4: #353865
49
+ );