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
@@ -1,117 +0,0 @@
1
- ///
2
- /// Ethereal by HTML5 UP
3
- /// html5up.net | @ajlkn
4
- /// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
5
- ///
6
-
7
- /* Page */
8
-
9
- @include keyframes('load-spinner') {
10
- 0% {
11
- @include vendor('transform', 'rotate(0deg)');
12
- }
13
-
14
- 100% {
15
- @include vendor('transform', 'rotate(360deg)');
16
- }
17
- }
18
-
19
- @-ms-viewport {
20
- width: device-width;
21
- }
22
-
23
- html {
24
- width: 100%;
25
- height: 100%;
26
- }
27
-
28
- // Set box model to border-box.
29
- // Based on css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
30
- html {
31
- box-sizing: border-box;
32
- }
33
-
34
- *, *:before, *:after {
35
- box-sizing: inherit;
36
- }
37
-
38
- body {
39
- @include vendor('display', 'flex');
40
- @include vendor('align-items', 'center');
41
- @include vendor('justify-content', 'flex-start');
42
- -ms-overflow-style: scrollbar;
43
- width: 100%;
44
- height: 100%;
45
- min-height: 30rem;
46
- overflow: hidden;
47
-
48
- &:before {
49
- @include vendor('animation', 'load-spinner 1s infinite linear');
50
- @include vendor('transition', 'opacity 0.25s ease');
51
- @include vendor('transition-delay', '0s');
52
- @include vendor('pointer-events', 'none');
53
- content: '';
54
- display: block;
55
- position: absolute;
56
- top: 50%;
57
- left: 50%;
58
- width: 4rem;
59
- height: 4rem;
60
- margin: -2rem 0 0 -2rem;
61
- background-image: svg-url('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="96px" height="96px" viewBox="0 0 96 96" zoomAndPan="disable"><style>circle {fill: transparent; stroke: #{_palette(bg)}; stroke-width: 1.5px; }</style><defs><clipPath id="corner"><polygon points="0,0 48,0 48,48 96,48 96,96 0,96" /></clipPath></defs><g clip-path="url(#corner)"><circle cx="48" cy="48" r="32"/></g></svg>');
62
- background-position: center;
63
- background-repeat: no-repeat;
64
- background-size: 4rem;
65
- opacity: 0;
66
- }
67
-
68
- &:after {
69
- @include vendor('pointer-events', 'none');
70
- content: '';
71
- display: block;
72
- position: fixed;
73
- top: 0;
74
- left: 0;
75
- width: 100%;
76
- height: 100%;
77
- z-index: -1;
78
- background-attachment: fixed;
79
- background-color: _palette(bg-alt);
80
- background-image: url('./images/overlay.png'), url('./images/bg.jpg');
81
- background-repeat: repeat, repeat-x;
82
- background-size: 128px 128px, cover;
83
- }
84
-
85
- // Stops initial animations until page loads.
86
- &.is-preload {
87
- *, *:before, *:after {
88
- @include vendor('animation', 'none !important');
89
- @include vendor('transition', 'none !important');
90
- }
91
-
92
- &:before {
93
- @include vendor('transition', 'opacity 1s ease');
94
- @include vendor('transition-delay', '0.75s');
95
- opacity: 0.25;
96
- }
97
- }
98
-
99
- }
100
-
101
- @include breakpoint('<=small') {
102
- html {
103
- height: auto;
104
- }
105
-
106
- body {
107
- height: auto;
108
- overflow-x: hidden;
109
- overflow-y: auto;
110
- }
111
- }
112
-
113
- @include breakpoint('<=xsmall') {
114
- html, body {
115
- min-width: 320px;
116
- }
117
- }
@@ -1,76 +0,0 @@
1
- ///
2
- /// Ethereal by HTML5 UP
3
- /// html5up.net | @ajlkn
4
- /// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
5
- ///
6
-
7
- // Reset.
8
- // Based on meyerweb.com/eric/tools/css/reset (v2.0 | 20110126 | License: public domain)
9
-
10
- html, body, div, span, applet, object,
11
- iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
12
- pre, a, abbr, acronym, address, big, cite,
13
- code, del, dfn, em, img, ins, kbd, q, s, samp,
14
- small, strike, strong, sub, sup, tt, var, b,
15
- u, i, center, dl, dt, dd, ol, ul, li, fieldset,
16
- form, label, legend, table, caption, tbody,
17
- tfoot, thead, tr, th, td, article, aside,
18
- canvas, details, embed, figure, figcaption,
19
- footer, header, hgroup, menu, nav, output, ruby,
20
- section, summary, time, mark, audio, video {
21
- margin: 0;
22
- padding: 0;
23
- border: 0;
24
- font-size: 100%;
25
- font: inherit;
26
- vertical-align: baseline;
27
- }
28
-
29
- article, aside, details, figcaption, figure,
30
- footer, header, hgroup, menu, nav, section {
31
- display: block;
32
- }
33
-
34
- body {
35
- line-height: 1;
36
- }
37
-
38
- ol, ul {
39
- list-style:none;
40
- }
41
-
42
- blockquote, q {
43
- quotes: none;
44
-
45
- &:before,
46
- &:after {
47
- content: '';
48
- content: none;
49
- }
50
- }
51
-
52
- table {
53
- border-collapse: collapse;
54
- border-spacing: 0;
55
- }
56
-
57
- body {
58
- -webkit-text-size-adjust: none;
59
- }
60
-
61
- mark {
62
- background-color: transparent;
63
- color: inherit;
64
- }
65
-
66
- input::-moz-focus-inner {
67
- border: 0;
68
- padding: 0;
69
- }
70
-
71
- input, select, textarea {
72
- -moz-appearance: none;
73
- -webkit-appearance: none;
74
- -ms-appearance: none;
75
- appearance: none;
76
- }
@@ -1,271 +0,0 @@
1
- ///
2
- /// Ethereal by HTML5 UP
3
- /// html5up.net | @ajlkn
4
- /// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
5
- ///
6
-
7
- /* Typography */
8
-
9
- html {
10
- font-size: 18pt;
11
- font-size: 1vmax;
12
-
13
- @include breakpoint('<=xlarge') {
14
- font-size: 12pt;
15
- font-size: 1.1vmax;
16
- }
17
-
18
- @include breakpoint('<=large') {
19
- font-size: 11pt;
20
- font-size: 1.5vmax;
21
- }
22
- }
23
-
24
- body, input, select, textarea {
25
- color: _palette(fg);
26
- font-family: _font(family);
27
- font-size: 1rem;
28
- font-weight: _font(weight);
29
- line-height: 1.65;
30
- }
31
-
32
- a {
33
- @include vendor('transition', (
34
- 'color #{_duration(transition)} ease-in-out',
35
- 'border-bottom-color #{_duration(transition)} ease-in-out'
36
- ));
37
- color: inherit;
38
- border-bottom: dotted 1px;
39
- text-decoration: none;
40
-
41
- &:hover {
42
- border-bottom-color: transparent;
43
- color: _palette(accent3);
44
- }
45
- }
46
-
47
- strong, b {
48
- color: _palette(fg-bold);
49
- font-weight: _font(weight-bold);
50
- }
51
-
52
- em, i {
53
- font-style: italic;
54
- }
55
-
56
- p {
57
- margin: 0 0 _size(element-margin) 0;
58
-
59
- body.is-ie & {
60
- width: 100%;
61
- }
62
- }
63
-
64
- h1, h2, h3, h4, h5, h6 {
65
- color: _palette(fg-bold);
66
- font-family: _font(family-heading);
67
- font-weight: _font(weight-heading);
68
- line-height: 1.3;
69
- margin: 0 0 (_size(element-margin) * 0.5) 0;
70
- letter-spacing: -0.05em;
71
-
72
- a {
73
- color: inherit;
74
- text-decoration: none;
75
- }
76
- }
77
-
78
- h1, h2, h3 {
79
- &.major {
80
- position: relative;
81
-
82
- &:after {
83
- content: '';
84
- position: absolute;
85
- left: 0;
86
- width: 3.5rem;
87
- height: 0.1rem;
88
- background-color: _palette(border);
89
- }
90
- }
91
- }
92
-
93
- h1 {
94
- font-size: 3rem;
95
- line-height: 1.2;
96
-
97
- &.major {
98
- margin: 0 0 (_size(element-margin) * 1.75) 0;
99
-
100
- &:after {
101
- bottom: -1.325rem;
102
- }
103
- }
104
- }
105
-
106
- h2 {
107
- font-size: 1.75rem;
108
- line-height: 1.2;
109
-
110
- &.major {
111
- margin: 0 0 (_size(element-margin) * 1.325) 0;
112
-
113
- &:after {
114
- bottom: -1.2rem;
115
- }
116
- }
117
- }
118
-
119
- h3 {
120
- font-size: 1.325rem;
121
-
122
- &.major {
123
- margin: 0 0 (_size(element-margin) * 1.25) 0;
124
-
125
- &:after {
126
- bottom: -0.75rem;
127
- }
128
- }
129
- }
130
-
131
- h4 {
132
- font-size: 1rem;
133
- }
134
-
135
- h5 {
136
- font-size: 0.9rem;
137
- }
138
-
139
- h6 {
140
- font-size: 0.7rem;
141
- }
142
-
143
- sub {
144
- font-size: 0.8rem;
145
- position: relative;
146
- top: 0.5rem;
147
- }
148
-
149
- sup {
150
- font-size: 0.8rem;
151
- position: relative;
152
- top: -0.5rem;
153
- }
154
-
155
- blockquote {
156
- border-left: solid 0.25rem _palette(border);
157
- font-style: italic;
158
- margin: 0 0 _size(element-margin) 0;
159
- padding: (_size(element-margin) / 4) 0 (_size(element-margin) / 4) _size(element-margin);
160
- }
161
-
162
- code {
163
- background: _palette(border-bg);
164
- border-radius: _size(border-radius);
165
- font-family: _font(family-fixed);
166
- font-size: 0.8rem;
167
- margin: 0 0.25rem;
168
- padding: 0.25rem 0.65rem;
169
- }
170
-
171
- pre {
172
- -webkit-overflow-scrolling: touch;
173
- font-family: _font(family-fixed);
174
- font-size: 0.8rem;
175
- margin: 0 0 _size(element-margin) 0;
176
- white-space: pre-wrap;
177
-
178
- code {
179
- display: block;
180
- line-height: 1.625;
181
- padding: 1rem 1.5rem;
182
- overflow-x: auto;
183
- margin: 0;
184
- }
185
- }
186
-
187
- hr {
188
- border: 0;
189
- border-bottom: solid 2px _palette(border);
190
- margin: (_size(element-margin) * 1.25) 0;
191
- }
192
-
193
- .align-left {
194
- text-align: left;
195
- }
196
-
197
- .align-center {
198
- text-align: center;
199
- }
200
-
201
- .align-right {
202
- text-align: right;
203
- }
204
-
205
- @include breakpoint('<=small') {
206
- html {
207
- font-size: 12pt;
208
- }
209
-
210
- h1 {
211
- font-size: 2.25rem;
212
- line-height: 1.2;
213
-
214
- &.major {
215
- margin: 0 0 (_size(element-margin) * 1.75) 0;
216
-
217
- &:after {
218
- bottom: -1.325rem;
219
- }
220
- }
221
- }
222
-
223
- h2 {
224
- font-size: 1.5rem;
225
- line-height: 1.2;
226
-
227
- &.major {
228
- margin: 0 0 (_size(element-margin) * 1.325) 0;
229
-
230
- &:after {
231
- bottom: -1.2rem;
232
- }
233
- }
234
- }
235
-
236
- h3 {
237
- font-size: 1rem;
238
-
239
- &.major {
240
- margin: 0 0 (_size(element-margin) * 1.25) 0;
241
-
242
- &:after {
243
- bottom: -0.75rem;
244
- }
245
- }
246
- }
247
-
248
- h4 {
249
- font-size: 1rem;
250
- }
251
-
252
- h5 {
253
- font-size: 0.9rem;
254
- }
255
-
256
- h6 {
257
- font-size: 0.7rem;
258
- }
259
-
260
- h1, h2, h3, h4, h5, h6 {
261
- br {
262
- display: none;
263
- }
264
- }
265
- }
266
-
267
- @include breakpoint('<=xxsmall') {
268
- html {
269
- font-size: 11pt;
270
- }
271
- }
@@ -1,63 +0,0 @@
1
- ///
2
- /// Ethereal by HTML5 UP
3
- /// html5up.net | @ajlkn
4
- /// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
5
- ///
6
-
7
- /* Actions */
8
-
9
- ul.actions {
10
- @include vendor('display', 'flex');
11
- cursor: default;
12
- list-style: none;
13
- margin-left: (_size(element-margin) * -0.5);
14
- padding-left: 0;
15
-
16
- li {
17
- padding: 0 0 0 (_size(element-margin) * 0.5);
18
- vertical-align: middle;
19
- }
20
-
21
- &.special {
22
- @include vendor('justify-content', 'center');
23
- width: 100%;
24
- margin-left: 0;
25
-
26
- li {
27
- &:first-child {
28
- padding-left: 0;
29
- }
30
- }
31
- }
32
-
33
- &.stacked {
34
- @include vendor('flex-direction', 'column');
35
- margin-left: 0;
36
-
37
- li {
38
- padding: (_size(element-margin) * 0.65) 0 0 0;
39
-
40
- &:first-child {
41
- padding-top: 0;
42
- }
43
- }
44
- }
45
-
46
- &.fit {
47
- width: calc(100% + #{_size(element-margin) * 0.5});
48
-
49
- li {
50
- @include vendor('flex-grow', '1');
51
- @include vendor('flex-shrink', '1');
52
- width: 100%;
53
-
54
- > * {
55
- width: 100%;
56
- }
57
- }
58
-
59
- &.stacked {
60
- width: 100%;
61
- }
62
- }
63
- }
@@ -1,154 +0,0 @@
1
- ///
2
- /// Ethereal by HTML5 UP
3
- /// html5up.net | @ajlkn
4
- /// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
5
- ///
6
-
7
- /* Button */
8
-
9
- input[type="submit"],
10
- input[type="reset"],
11
- input[type="button"],
12
- button,
13
- .button {
14
- @include vendor('appearance', 'none');
15
- @include vendor('transition', (
16
- 'background-color #{_duration(transition)} ease-in-out',
17
- 'box-shadow #{_duration(transition)} ease-in-out',
18
- 'color #{_duration(transition)} ease-in-out'
19
- ));
20
- background-color: transparent;
21
- border: 0;
22
- border-radius: _size(border-radius);
23
- box-shadow: inset 0 0 0 2px _palette(border);
24
- color: _palette(fg-bold) !important;
25
- cursor: pointer;
26
- display: inline-block;
27
- font-family: _font(family-heading);
28
- font-size: 0.6rem;
29
- font-weight: _font(weight-heading);
30
- height: _size(element-height) * 1.1;
31
- letter-spacing: 0.15rem;
32
- line-height: _size(element-height) * 1.1;
33
- padding: 0 1.5rem 0 (1.5rem + 0.15rem);
34
- text-align: center;
35
- text-decoration: none;
36
- text-transform: uppercase;
37
- white-space: nowrap;
38
-
39
- &:hover {
40
- box-shadow: inset 0 0 0 2px _palette(accent3);
41
- color: _palette(accent3) !important;
42
- }
43
-
44
- &:active {
45
- background-color: transparentize(_palette(accent3), 0.875);
46
- }
47
-
48
- &.icon {
49
- &:before {
50
- display: inline-block;
51
- position: relative;
52
- top: -0.075rem;
53
- vertical-align: middle;
54
- font-size: 0.8rem;
55
- margin: 0 0.375rem 0 -0.325rem;
56
- }
57
-
58
- &.circle {
59
- position: relative;
60
- width: _size(element-height) * 1.25;
61
- height: _size(element-height) * 1.25;
62
- line-height: _size(element-height) * 1.25;
63
- text-indent: _size(element-height) * 1.25;
64
- border-radius: 100%;
65
- overflow: hidden;
66
- padding: 0;
67
- letter-spacing: 0;
68
-
69
- &:before {
70
- display: block;
71
- position: absolute;
72
- top: 0;
73
- left: 0;
74
- width: inherit;
75
- height: inherit;
76
- font-size: 1.25rem;
77
- line-height: inherit;
78
- margin: 0;
79
- text-indent: 0;
80
- }
81
-
82
- &.fa-angle-left {
83
- &:before {
84
- position: relative;
85
- left: -0.1rem;
86
- font-size: 1.75rem;
87
- }
88
- }
89
-
90
- &.fa-angle-right {
91
- &:before {
92
- position: relative;
93
- left: 0.1rem;
94
- font-size: 1.75rem;
95
- }
96
- }
97
- }
98
- }
99
-
100
- &.fit {
101
- width: 100%;
102
- }
103
-
104
- &.small {
105
- font-size: 0.4rem;
106
- height: _size(element-height) * 0.75;
107
- line-height: _size(element-height) * 0.75;
108
- padding: 0 1.25rem 0 (1.25rem + 0.15rem);
109
- }
110
-
111
- &.large {
112
- font-size: 0.8rem;
113
- height: _size(element-height) * 1.325;
114
- line-height: _size(element-height) * 1.325;
115
- padding: 0 2rem 0 (2rem + 0.15rem);
116
- }
117
-
118
- &.primary {
119
- background-color: rgba(_palette(fg-bold), 1);
120
- box-shadow: none;
121
- color: _palette(bg) !important;
122
-
123
- &.color1 {
124
- color: _palette(accent1) !important;
125
- }
126
-
127
- &.color2 {
128
- color: _palette(accent2) !important;
129
- }
130
-
131
- &.color3 {
132
- color: _palette(accent3) !important;
133
- }
134
-
135
- &.color4 {
136
- color: _palette(accent4) !important;
137
- }
138
-
139
- &:hover {
140
- background-color: _palette(accent3);
141
- }
142
-
143
- &:active {
144
- background-color: desaturate(darken(_palette(accent3), 6), 3);
145
- }
146
- }
147
-
148
- &.disabled,
149
- &:disabled {
150
- @include vendor('pointer-events', 'none');
151
- cursor: default;
152
- opacity: 0.5;
153
- }
154
- }