jekyll-theme-pirati 8.0.0.pre.beta1 → 8.2.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (77) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +139 -3
  3. data/_includes/candidate-badge.html +15 -2
  4. data/_includes/header.html +1 -1
  5. data/_includes/people/profile-badge.html +11 -5
  6. data/_includes/right-bar/bar_people.html +13 -11
  7. data/_includes/right-bar/bar_profile.html +1 -1
  8. data/_includes/right-bar/rbar_profiles.html +1 -8
  9. data/_includes/social-icons.html +8 -0
  10. data/_layouts/communal-elections.html +4 -4
  11. data/_layouts/person.html +2 -4
  12. metadata +5 -69
  13. data/_sass/_base.scss +0 -23
  14. data/_sass/_fonts.scss +0 -42
  15. data/_sass/_settings.scss +0 -688
  16. data/_sass/_sprites.scss +0 -0
  17. data/_sass/components/Slider.scss +0 -0
  18. data/_sass/components/academic-title.scss +0 -7
  19. data/_sass/components/article-card.scss +0 -41
  20. data/_sass/components/article-infobox.scss +0 -9
  21. data/_sass/components/article-listing.scss +0 -95
  22. data/_sass/components/banner.scss +0 -75
  23. data/_sass/components/blockquote.scss +0 -83
  24. data/_sass/components/card.scss +0 -154
  25. data/_sass/components/contact-bar.scss +0 -93
  26. data/_sass/components/content-block.scss +0 -24
  27. data/_sass/components/content-card.scss +0 -31
  28. data/_sass/components/corner-ribbon.scss +0 -25
  29. data/_sass/components/cta-button.scss +0 -54
  30. data/_sass/components/footer.scss +0 -5
  31. data/_sass/components/header-bar.scss +0 -118
  32. data/_sass/components/headline-media.scss +0 -42
  33. data/_sass/components/hero.scss +0 -164
  34. data/_sass/components/highlight.scss +0 -60
  35. data/_sass/components/hp-banner.scss +0 -21
  36. data/_sass/components/icon.scss +0 -33
  37. data/_sass/components/intention-map.scss +0 -23
  38. data/_sass/components/member-list.scss +0 -7
  39. data/_sass/components/metadata-block.scss +0 -29
  40. data/_sass/components/multicolumn.scss +0 -25
  41. data/_sass/components/pagination.scss +0 -44
  42. data/_sass/components/person.scss +0 -9
  43. data/_sass/components/profile-badge.scss +0 -74
  44. data/_sass/components/program.scss +0 -150
  45. data/_sass/components/region.scss +0 -83
  46. data/_sass/components/simple-accordion.scss +0 -80
  47. data/_sass/components/suggest-improvement.scss +0 -10
  48. data/_sass/components/tag.scss +0 -29
  49. data/_sass/components/tile.scss +0 -20
  50. data/_sass/components/top-bar.scss +0 -202
  51. data/_sass/components/top-sub-nav.scss +0 -81
  52. data/_sass/components/typography.scss +0 -85
  53. data/_sass/components/vertical-navigation.scss +0 -67
  54. data/_sass/components/widget-accordion.scss +0 -109
  55. data/_sass/components/widget-share-box.scss +0 -117
  56. data/_sass/components/widget-simple-text.scss +0 -15
  57. data/_sass/layouts/_cast.scss +0 -262
  58. data/_sass/layouts/_kandidatka.scss +0 -78
  59. data/_sass/objects/media.scss +0 -35
  60. data/_sass/objects/section.scss +0 -211
  61. data/_sass/objects/space.scss +0 -7
  62. data/_sass/pirati.scss +0 -58
  63. data/_sass/utilities/header-styles.scss +0 -16
  64. data/_sass/utilities/utilities.scss +0 -139
  65. data/assets/css/main.scss +0 -3
  66. data/assets/fonts/BebasNeue-Thin.ttf +0 -0
  67. data/assets/fonts/BebasNeue-Thin.woff +0 -0
  68. data/assets/fonts/BebasNeueBold.ttf +0 -0
  69. data/assets/fonts/BebasNeueBold.woff +0 -0
  70. data/assets/fonts/BebasNeueBook.ttf +0 -0
  71. data/assets/fonts/BebasNeueBook.woff +0 -0
  72. data/assets/fonts/BebasNeueLight.ttf +0 -0
  73. data/assets/fonts/BebasNeueLight.woff +0 -0
  74. data/assets/fonts/BebasNeueRegular.ttf +0 -0
  75. data/assets/fonts/BebasNeueRegular.woff +0 -0
  76. data/assets/fonts/demo.html +0 -311
  77. data/assets/fonts/stylesheet.css +0 -40
@@ -1,23 +0,0 @@
1
- html, body {
2
- // Base font size, everyting else scales relative to this.
3
- font-size: 16px;
4
- -webkit-font-smoothing: antialiased;
5
-
6
- @include breakpoint(small down) {
7
- font-size: 16px;
8
- }
9
- }
10
-
11
- .fa {
12
- text-align: center;
13
- min-width: 18px;
14
-
15
- @include breakpoint(large down) {
16
- min-width: 15px;
17
- }
18
-
19
- @include breakpoint(medium down) {
20
- min-width: 13px;
21
- }
22
-
23
- }
@@ -1,42 +0,0 @@
1
- @import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700&subset=latin-ext');
2
-
3
- @font-face {
4
- font-family: 'Bebas Neue Book';
5
- src: url('/assets/fonts/BebasNeueBook.woff') format('woff'),
6
- url('/assets/fonts/BebasNeueBook.ttf') format('truetype');
7
- font-weight: normal;
8
- font-style: normal;
9
- }
10
-
11
- @font-face {
12
- font-family: 'Bebas Neue';
13
- src: url('/assets/fonts/BebasNeue-Thin.woff') format('woff'),
14
- url('/assets/fonts/BebasNeue-Thin.ttf') format('truetype');
15
- font-weight: 100;
16
- font-style: normal;
17
- }
18
-
19
- @font-face {
20
- font-family: 'Bebas Neue';
21
- src: url('/assets/fonts/BebasNeueLight.woff') format('woff'),
22
- url('/assets/fonts/BebasNeueLight.ttf') format('truetype');
23
- font-weight: 300;
24
- font-style: normal;
25
- }
26
-
27
- @font-face {
28
- font-family: 'Bebas Neue';
29
- src: url('/assets/fonts/BebasNeueRegular.woff') format('woff'),
30
- url('/assets/fonts/BebasNeueRegular.ttf') format('truetype');
31
- font-weight: normal;
32
- font-style: normal;
33
- }
34
-
35
- @font-face {
36
- font-family: 'Bebas Neue';
37
- src: url('/assets/fonts/BebasNeueBold.woff') format('woff'),
38
- url('/assets/fonts/BebasNeueBold.ttf') format('truetype');
39
- font-weight: bold;
40
- font-style: normal;
41
- }
42
-
@@ -1,688 +0,0 @@
1
- // Foundation for Sites Settings
2
- // -----------------------------
3
- //
4
- // Table of Contents:
5
- //
6
- // 1. Global
7
- // 2. Breakpoints
8
- // 3. The Grid
9
- // 4. Base Typography
10
- // 5. Typography Helpers
11
- // 6. Abide
12
- // 7. Accordion
13
- // 8. Accordion Menu
14
- // 9. Badge
15
- // 10. Breadcrumbs
16
- // 11. Button
17
- // 12. Button Group
18
- // 13. Callout
19
- // 14. Close Button
20
- // 15. Drilldown
21
- // 16. Dropdown
22
- // 17. Dropdown Menu
23
- // 18. Flex Video
24
- // 19. Forms
25
- // 20. Label
26
- // 21. Media Object
27
- // 22. Menu
28
- // 23. Meter
29
- // 24. Off-canvas
30
- // 25. Orbit
31
- // 26. Pagination
32
- // 27. Progress Bar
33
- // 28. Reveal
34
- // 29. Slider
35
- // 30. Switch
36
- // 31. Table
37
- // 32. Tabs
38
- // 33. Thumbnail
39
- // 34. Title Bar
40
- // 35. Tooltip
41
- // 36. Top Bar
42
-
43
- @import 'foundation-sites/scss/util/util';
44
-
45
- // 1. Global
46
- // ---------
47
-
48
- $global-font-size: 100%;
49
- $global-width: 1170px;
50
- $global-lineheight: 1.3;
51
- $foundation-palette: (
52
- primary: #000,
53
- secondary: #fff,
54
- success: #3adb76,
55
- warning: #ffae00,
56
- alert: #cc0303,
57
- dark: #343434
58
- );
59
- $light-gray: #f3f3f3;
60
- $medium-gray: #eaeaea;
61
- $dark-gray: #8a8a8a;
62
- $black: #0a0a0a;
63
- $white: #fff;
64
- $body-background: $white;
65
- $body-font-color: $black;
66
- $body-font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
67
- $body-antialiased: true;
68
- $global-margin: 1rem;
69
- $global-padding: 1rem;
70
- $global-weight-normal: 300;
71
- $global-weight-bold: 700;
72
- $global-radius: 0;
73
- $global-text-direction: ltr;
74
- $global-flexbox: false;
75
- $print-transparent-backgrounds: true;
76
-
77
- @include add-foundation-colors;
78
-
79
- // 2. Breakpoints
80
- // --------------
81
-
82
- $breakpoints: (
83
- small: 0,
84
- mobile: 480px,
85
- medium: 640px,
86
- large: 1024px,
87
- xlarge: 1200px,
88
- xxlarge: 1440px,
89
- );
90
- $breakpoint-classes: (small medium large);
91
-
92
- // 3. The Grid
93
- // -----------
94
-
95
- $grid-row-width: $global-width;
96
- $grid-column-count: 12;
97
- $grid-column-gutter: (
98
- small: 1.5rem,
99
- mobile: 1.5rem,
100
- medium: 3rem,
101
- );
102
- $grid-column-align-edge: true;
103
- $block-grid-max: 8;
104
-
105
- // 4. Base Typography
106
- // ------------------
107
-
108
- $text: (
109
- weight: (
110
- default: 300,
111
- mid: 400,
112
- bold: 700
113
- ),
114
- );
115
-
116
- $headers: (
117
- super: (
118
- family: "'Bebas Neue', Helvetica, Arial, sans-serif",
119
- weight: bold,
120
- letter-spacing: .005em,
121
- variants: 'h1' 'h2' 'h3' 'h4' 'h5' 'h6',
122
- sizes: (
123
- small: (
124
- 'h1': 3.124rem,
125
- 'h2': 3.124rem,
126
- 'h3': 2.828rem,
127
- 'h4': 2.209rem,
128
- 'h5': 2rem,
129
- 'h6': 1.563rem,
130
- ),
131
- medium: (
132
- 'h1': 3.874rem,
133
- 'h2': 3.124rem,
134
- 'h3': 2.74rem,
135
- 'h4': 2.209rem,
136
- 'h5': 1.938rem,
137
- 'h6': 1.563rem,
138
- ),
139
- )
140
- ),
141
- main: (
142
- family: "'Roboto Condensed', Helvetica, Arial, sans-serif",
143
- weight: 700,
144
- variants: 'h1' 'h2' 'h3' 'h4' 'h5' 'h6',
145
- sizes: (
146
- small: (
147
- 'h1': 2.474rem,
148
- 'h2': 1.999rem,
149
- 'h3': 1.75rem,
150
- 'h4': 1.414rem,
151
- 'h5': 1.238rem,
152
- 'h6': 1rem,
153
- ),
154
- medium: (
155
- 'h1': 2.474rem,
156
- 'h2': 1.999rem,
157
- 'h3': 1.75rem,
158
- 'h4': 1.414rem,
159
- 'h5': 1.238rem,
160
- 'h6': 1rem,
161
- ),
162
- )
163
- ),
164
- sub: (
165
- family: "'Roboto Condensed', Helvetica, Arial, sans-serif",
166
- weight: 400,
167
- variants: 'h1' 'h2' 'h3' 'h4' 'h5' 'h6',
168
- sizes: (
169
- small: (
170
- 'h1': 2.474rem,
171
- 'h2': 1.999rem,
172
- 'h3': 1.75rem,
173
- 'h4': 1.414rem,
174
- 'h5': 1.238rem,
175
- 'h6': 1rem,
176
- ),
177
- medium: (
178
- 'h1': 2.474rem,
179
- 'h2': 1.999rem,
180
- 'h3': 1.75rem,
181
- 'h4': 1.414rem,
182
- 'h5': 1.238rem,
183
- 'h6': 1rem,
184
- ),
185
- )
186
- ),
187
- alt: (
188
- family: "'Roboto Condensed', Helvetica, Arial, sans-serif",
189
- weight: 300,
190
- variants: 'h1' 'h2' 'h3' 'h4' 'h5' 'h6',
191
- sizes: (
192
- small: (
193
- 'h1': 2.474rem,
194
- 'h2': 1.999rem,
195
- 'h3': 1.75rem,
196
- 'h4': 1.414rem,
197
- 'h5': 1.238rem,
198
- 'h6': 1rem,
199
- ),
200
- medium: (
201
- 'h1': 2.474rem,
202
- 'h2': 1.999rem,
203
- 'h3': 1.75rem,
204
- 'h4': 1.414rem,
205
- 'h5': 1.238rem,
206
- 'h6': 1rem,
207
- ),
208
- )
209
- ),
210
- );
211
-
212
- // $header-font-family-super: 'Bebas Neue', Helvetica, Arial, sans-serif;
213
- // $header-font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
214
- // $header-font-family-sub: 'Bebas Neue Book', Helvetica, Arial, sans-serif;
215
- // $header-font-weight: 700;
216
- // $header-font-style: normal;
217
- $font-family-monospace: Consolas, 'Liberation Mono', Courier, monospace;
218
- // $header-sizes: (
219
- // small: (
220
- // 'h1': 1.953rem,
221
- // 'h2': 1.563rem,
222
- // 'h3': 1.25rem,
223
- // 'h4': 1rem,
224
- // 'h5': 0.8rem,
225
- // 'h6': 0.64rem,
226
- // ),
227
- // medium: (
228
- // 'h1': 37.897,
229
- // 'h2': 28.430,
230
- // 'h3': 21.328,
231
- // 'h4': 16,
232
- // 'h5': 12.003,
233
- // 'h6': 9.004,
234
- // ),
235
- // );
236
- $header-color: inherit;
237
- $header-lineheight: 1.2;
238
- $header-margin-bottom: 0.5rem;
239
- $header-text-rendering: optimizeLegibility;
240
- $small-font-size: 80%;
241
- $header-small-font-color: $medium-gray;
242
- $paragraph-lineheight: 1.4;
243
- $paragraph-margin-bottom: 1rem;
244
- $paragraph-text-rendering: optimizeLegibility;
245
- $code-color: $black;
246
- $code-font-family: $font-family-monospace;
247
- $code-font-weight: $global-weight-normal;
248
- $code-background: $light-gray;
249
- $code-border: 1px solid $medium-gray;
250
- $code-padding: rem-calc(2 5 1);
251
- $anchor-color: $primary-color;
252
- $anchor-color-hover: scale-color($anchor-color, $lightness: -14%);
253
- $anchor-text-decoration: none;
254
- $anchor-text-decoration-hover: none;
255
- $hr-width: 100%;
256
- $hr-border: 1px solid $light-gray;
257
- $hr-margin: rem-calc(20) auto;
258
- $list-lineheight: $paragraph-lineheight;
259
- $list-margin-bottom: $paragraph-margin-bottom;
260
- $list-style-type: disc;
261
- $list-style-position: outside;
262
- $list-side-margin: 1.25rem;
263
- $list-nested-side-margin: 1.25rem;
264
- $defnlist-margin-bottom: 1rem;
265
- $defnlist-term-weight: $global-weight-bold;
266
- $defnlist-term-margin-bottom: 0.3rem;
267
- $blockquote-color: $dark-gray;
268
- $blockquote-padding: rem-calc(9 20 0 19);
269
- $blockquote-border: 1px solid $medium-gray;
270
- $cite-font-size: rem-calc(13);
271
- $cite-color: $dark-gray;
272
- $keystroke-font: $font-family-monospace;
273
- $keystroke-color: $black;
274
- $keystroke-background: $light-gray;
275
- $keystroke-padding: rem-calc(2 4 0);
276
- $keystroke-radius: $global-radius;
277
- $abbr-underline: 1px dotted $black;
278
-
279
- $facebook-color: #1672b9;
280
- $twitter-color: #91cfff;
281
- $gplus-color: #cc0303;
282
- $instagram-color: #d10869;
283
- $pinterest-color: #cb2027;
284
- $tumblr-color: #32506d;
285
- $reddit-color: #ff4500;
286
- $linkedin-color: #007bb5;
287
- $envelope-color: #444444;
288
-
289
- $ternary-color: lighten($primary-color, 13%);
290
- $rbar-accent-color: $ternary-color;
291
-
292
- // 5. Typography Helpers
293
- // ---------------------
294
-
295
- $lead-font-size: $global-font-size * 1.25;
296
- $lead-lineheight: 1.6;
297
- $subheader-lineheight: 1.4;
298
- $subheader-color: $dark-gray;
299
- $subheader-font-weight: $global-weight-normal;
300
- $subheader-margin-top: 0.2rem;
301
- $subheader-margin-bottom: 0.5rem;
302
- $stat-font-size: 2.5rem;
303
-
304
- // 6. Abide
305
- // --------
306
-
307
- $abide-inputs: true;
308
- $abide-labels: true;
309
- $input-background-invalid: map-get($foundation-palette, alert);
310
- $form-label-color-invalid: map-get($foundation-palette, alert);
311
- $input-error-color: map-get($foundation-palette, alert);
312
- $input-error-font-size: rem-calc(12);
313
- $input-error-font-weight: $global-weight-bold;
314
-
315
- // 7. Accordion
316
- // ------------
317
-
318
- $accordion-background: $white;
319
- $accordion-plusminus: true;
320
- $accordion-item-color: foreground($accordion-background, $primary-color);
321
- $accordion-item-background-hover: $light-gray;
322
- $accordion-item-padding: 1.25rem 1rem;
323
- $accordion-content-background: $white;
324
- $accordion-content-border: 1px solid $light-gray;
325
- $accordion-content-color: foreground($accordion-content-background, $body-font-color);
326
- $accordion-content-padding: 1rem;
327
-
328
- // 8. Accordion Menu
329
- // -----------------
330
-
331
- $accordionmenu-arrows: true;
332
- $accordionmenu-arrow-color: $primary-color;
333
-
334
- // 9. Badge
335
- // --------
336
-
337
- $badge-background: $primary-color;
338
- $badge-color: foreground($badge-background);
339
- $badge-padding: 0.3em;
340
- $badge-minwidth: 2.1em;
341
- $badge-font-size: 0.6rem;
342
-
343
- // 10. Breadcrumbs
344
- // ---------------
345
-
346
- $breadcrumbs-margin: 0 0 $global-margin 0;
347
- $breadcrumbs-item-font-size: rem-calc(11);
348
- $breadcrumbs-item-color: $primary-color;
349
- $breadcrumbs-item-color-current: $black;
350
- $breadcrumbs-item-color-disabled: $medium-gray;
351
- $breadcrumbs-item-margin: 0.75rem;
352
- $breadcrumbs-item-uppercase: true;
353
- $breadcrumbs-item-slash: true;
354
-
355
- // 11. Button
356
- // ----------
357
-
358
- $button-padding: 0.85em 1em;
359
- $button-margin: 0 0 $global-margin 0;
360
- $button-fill: solid;
361
- $button-background: $dark-gray;
362
- $button-background-hover: $ternary-color;
363
- $button-color: $white;
364
- $button-color-alt: $black;
365
- $button-radius: $global-radius;
366
- $button-sizes: (
367
- tiny: 0.6rem,
368
- small: 0.75rem,
369
- default: 0.9rem,
370
- large: 1.25rem,
371
- );
372
- $button-opacity-disabled: 0.25;
373
-
374
- // 12. Button Group
375
- // ----------------
376
-
377
- $buttongroup-margin: 1rem;
378
- $buttongroup-spacing: 1px;
379
- $buttongroup-child-selector: '.button';
380
- $buttongroup-expand-max: 6;
381
-
382
- // 13. Callout
383
- // -----------
384
-
385
- $callout-background: $white;
386
- $callout-background-fade: 85%;
387
- $callout-border: 1px solid rgba($black, 0.25);
388
- $callout-margin: 0 0 1rem 0;
389
- $callout-padding: 1rem;
390
- $callout-font-color: $body-font-color;
391
- $callout-font-color-alt: $body-background;
392
- $callout-radius: $global-radius;
393
- $callout-link-tint: 30%;
394
-
395
- // 14. Close Button
396
- // ----------------
397
-
398
- $closebutton-position: right top;
399
- $closebutton-offset-horizontal: 1rem;
400
- $closebutton-offset-vertical: 0.5rem;
401
- $closebutton-size: 2em;
402
- $closebutton-lineheight: 1;
403
- $closebutton-color: $dark-gray;
404
- $closebutton-color-hover: $black;
405
-
406
- // 15. Drilldown
407
- // -------------
408
-
409
- $drilldown-transition: transform 0.15s linear;
410
- $drilldown-arrows: true;
411
- $drilldown-arrow-color: $primary-color;
412
- $drilldown-background: $white;
413
-
414
- // 16. Dropdown
415
- // ------------
416
-
417
- $dropdown-padding: 1rem;
418
- $dropdown-border: 1px solid $medium-gray;
419
- $dropdown-font-size: 1rem;
420
- $dropdown-width: 300px;
421
- $dropdown-radius: $global-radius;
422
- $dropdown-sizes: (
423
- tiny: 100px,
424
- small: 200px,
425
- large: 400px,
426
- );
427
-
428
- // 17. Dropdown Menu
429
- // -----------------
430
-
431
- $dropdownmenu-arrows: true;
432
- $dropdownmenu-arrow-color: $anchor-color;
433
- $dropdownmenu-min-width: 200px;
434
- $dropdownmenu-background: $white;
435
- $dropdownmenu-border: 1px solid $medium-gray;
436
-
437
- // 18. Flex Video
438
- // --------------
439
-
440
- $flexvideo-margin-bottom: rem-calc(16);
441
- $flexvideo-ratio: 4 by 3;
442
- $flexvideo-ratio-widescreen: 16 by 9;
443
-
444
- // 19. Forms
445
- // ---------
446
-
447
- $fieldset-border: 1px solid $medium-gray;
448
- $fieldset-padding: rem-calc(20);
449
- $fieldset-margin: rem-calc(18 0);
450
- $legend-padding: rem-calc(0 3);
451
- $form-spacing: rem-calc(16);
452
- $helptext-color: $black;
453
- $helptext-font-size: rem-calc(13);
454
- $helptext-font-style: italic;
455
- $input-prefix-color: $black;
456
- $input-prefix-background: $light-gray;
457
- $input-prefix-border: 1px solid $medium-gray;
458
- $input-prefix-padding: 1rem;
459
- $form-label-color: $black;
460
- $form-label-font-size: rem-calc(14);
461
- $form-label-font-weight: $global-weight-normal;
462
- $form-label-line-height: 1.8;
463
- $select-background: $white;
464
- $select-triangle-color: $dark-gray;
465
- $select-radius: $global-radius;
466
- $input-color: $black;
467
- $input-placeholder-color: $medium-gray;
468
- $input-font-family: inherit;
469
- $input-font-size: rem-calc(16);
470
- $input-background: $white;
471
- $input-background-focus: $white;
472
- $input-background-disabled: $light-gray;
473
- $input-border: 1px solid $primary-color;
474
- $input-border-focus: 1px solid $dark-gray;
475
- $input-shadow: inset 0 1px 2px rgba($black, 0.1);
476
- $input-shadow-focus: 0 0 5px $medium-gray;
477
- $input-cursor-disabled: not-allowed;
478
- $input-transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
479
- $input-number-spinners: true;
480
- $input-radius: $global-radius;
481
-
482
- // 20. Label
483
- // ---------
484
-
485
- $label-background: $primary-color;
486
- $label-color: foreground($label-background);
487
- $label-font-size: 0.8rem;
488
- $label-padding: 0.33333rem 0.5rem;
489
- $label-radius: $global-radius;
490
-
491
- // 21. Media Object
492
- // ----------------
493
-
494
- $mediaobject-margin-bottom: $global-margin;
495
- $mediaobject-section-padding: $global-padding;
496
- $mediaobject-image-width-stacked: 100%;
497
-
498
- // 22. Menu
499
- // --------
500
-
501
- $menu-margin: 0;
502
- $menu-margin-nested: 1rem;
503
- $menu-item-padding: 0.7rem 1rem;
504
- $menu-item-color-active: $white;
505
- $menu-item-background-active: map-get($foundation-palette, primary);
506
- $menu-icon-spacing: 0.25rem;
507
-
508
- // 23. Meter
509
- // ---------
510
-
511
- $meter-height: 1rem;
512
- $meter-radius: $global-radius;
513
- $meter-background: $medium-gray;
514
- $meter-fill-good: $success-color;
515
- $meter-fill-medium: $warning-color;
516
- $meter-fill-bad: $alert-color;
517
-
518
- // 24. Off-canvas
519
- // --------------
520
-
521
- $offcanvas-size: 250px;
522
- $offcanvas-background: $light-gray;
523
- $offcanvas-zindex: -1;
524
- $offcanvas-transition-length: 0.5s;
525
- $offcanvas-transition-timing: ease;
526
- $offcanvas-fixed-reveal: true;
527
- $offcanvas-exit-background: rgba($white, 0.25);
528
- $maincontent-class: 'off-canvas-content';
529
- $maincontent-shadow: 0 0 10px rgba($black, 0.5);
530
-
531
- // 25. Orbit
532
- // ---------
533
-
534
- $orbit-bullet-background: $medium-gray;
535
- $orbit-bullet-background-active: $dark-gray;
536
- $orbit-bullet-diameter: 1.2rem;
537
- $orbit-bullet-margin: 0.1rem;
538
- $orbit-bullet-margin-top: 0.8rem;
539
- $orbit-bullet-margin-bottom: 0.8rem;
540
- $orbit-caption-background: rgba($black, 0.5);
541
- $orbit-caption-padding: 1rem;
542
- $orbit-control-background-hover: rgba($black, 0.5);
543
- $orbit-control-padding: 1rem;
544
- $orbit-control-zindex: 10;
545
-
546
- // 26. Pagination
547
- // --------------
548
-
549
- $pagination-font-size: rem-calc(20);
550
- $pagination-margin-bottom: $global-margin;
551
- $pagination-item-color: $black;
552
- $pagination-item-padding: 0;
553
- $pagination-item-spacing: rem-calc(4);
554
- $pagination-radius: $global-radius;
555
- $pagination-item-background-hover: $light-gray;
556
- $pagination-item-background-current: transparent;
557
- $pagination-item-color-current: #343434;
558
- $pagination-item-color-disabled: $medium-gray;
559
- $pagination-ellipsis-color: #343434;
560
- $pagination-mobile-items: false;
561
- $pagination-arrows: false;
562
-
563
- // 27. Progress Bar
564
- // ----------------
565
-
566
- $progress-height: 1rem;
567
- $progress-background: $medium-gray;
568
- $progress-margin-bottom: $global-margin;
569
- $progress-meter-background: $primary-color;
570
- $progress-radius: $global-radius;
571
-
572
- // 28. Reveal
573
- // ----------
574
-
575
- $reveal-background: $white;
576
- $reveal-width: 600px;
577
- $reveal-max-width: $global-width;
578
- $reveal-padding: $global-padding;
579
- $reveal-border: 1px solid $medium-gray;
580
- $reveal-radius: $global-radius;
581
- $reveal-zindex: 1005;
582
- $reveal-overlay-background: rgba($black, 0.45);
583
-
584
- // 29. Slider
585
- // ----------
586
-
587
- $slider-width-vertical: 0.5rem;
588
- $slider-transition: all 0.2s ease-in-out;
589
- $slider-height: 0.5rem;
590
- $slider-background: $light-gray;
591
- $slider-fill-background: $medium-gray;
592
- $slider-handle-height: 1.4rem;
593
- $slider-handle-width: 1.4rem;
594
- $slider-handle-background: $primary-color;
595
- $slider-opacity-disabled: 0.25;
596
- $slider-radius: $global-radius;
597
-
598
- // 30. Switch
599
- // ----------
600
-
601
- $switch-background: $medium-gray;
602
- $switch-background-active: $primary-color;
603
- $switch-height: 2rem;
604
- $switch-height-tiny: 1.5rem;
605
- $switch-height-small: 1.75rem;
606
- $switch-height-large: 2.5rem;
607
- $switch-radius: $global-radius;
608
- $switch-margin: $global-margin;
609
- $switch-paddle-background: $white;
610
- $switch-paddle-offset: 0.25rem;
611
- $switch-paddle-radius: $global-radius;
612
- $switch-paddle-transition: all 0.25s ease-out;
613
-
614
- // 31. Table
615
- // ---------
616
-
617
- $table-background: $white;
618
- $table-color-scale: 5%;
619
- $table-border: 1px solid smart-scale($table-background, $table-color-scale);
620
- $table-padding: rem-calc(8 10 10);
621
- $table-hover-scale: 2%;
622
- $table-row-hover: darken($table-background, $table-hover-scale);
623
- $table-row-stripe-hover: darken($table-background, $table-color-scale + $table-hover-scale);
624
- $table-striped-background: smart-scale($table-background, $table-color-scale);
625
- $table-stripe: even;
626
- $table-head-background: smart-scale($table-background, $table-color-scale / 2);
627
- $table-foot-background: smart-scale($table-background, $table-color-scale);
628
- $table-head-font-color: $body-font-color;
629
- $show-header-for-stacked: false;
630
-
631
- // 32. Tabs
632
- // --------
633
-
634
- $tab-margin: 0;
635
- $tab-background: $white;
636
- $tab-background-active: $light-gray;
637
- $tab-item-font-size: rem-calc(12);
638
- $tab-item-background-hover: $white;
639
- $tab-item-padding: 1.25rem 1.5rem;
640
- $tab-expand-max: 6;
641
- $tab-content-background: $white;
642
- $tab-content-border: $light-gray;
643
- $tab-content-color: foreground($tab-background, $primary-color);
644
- $tab-content-padding: 1rem;
645
-
646
- // 33. Thumbnail
647
- // -------------
648
-
649
- $thumbnail-border: solid 4px $white;
650
- $thumbnail-margin-bottom: $global-margin;
651
- $thumbnail-shadow: 0 0 0 1px rgba($black, 0.2);
652
- $thumbnail-shadow-hover: 0 0 6px 1px rgba($primary-color, 0.5);
653
- $thumbnail-transition: box-shadow 200ms ease-out;
654
- $thumbnail-radius: $global-radius;
655
-
656
- // 34. Title Bar
657
- // -------------
658
-
659
- $titlebar-background: $black;
660
- $titlebar-color: $white;
661
- $titlebar-padding: 0.5rem;
662
- $titlebar-text-font-weight: bold;
663
- $titlebar-icon-color: $white;
664
- $titlebar-icon-color-hover: $medium-gray;
665
- $titlebar-icon-spacing: 0.25rem;
666
-
667
- // 35. Tooltip
668
- // -----------
669
-
670
- $has-tip-font-weight: $global-weight-bold;
671
- $has-tip-border-bottom: dotted 1px $dark-gray;
672
- $tooltip-background-color: $black;
673
- $tooltip-color: $white;
674
- $tooltip-padding: 0.75rem;
675
- $tooltip-font-size: $small-font-size;
676
- $tooltip-pip-width: 0.75rem;
677
- $tooltip-pip-height: $tooltip-pip-width * 0.866;
678
- $tooltip-radius: $global-radius;
679
-
680
- // 36. Top Bar
681
- // -----------
682
-
683
- $topbar-padding: 1.3rem;
684
- $topbar-background: $white;
685
- $topbar-submenu-background: $topbar-background;
686
- $topbar-title-spacing: 1rem;
687
- $topbar-input-width: 200px;
688
- $topbar-unstack-breakpoint: large;