jekyll-theme-pirati 1.2.0 → 2.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (126) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +5 -17
  3. data/_data/menu.yml +53 -0
  4. data/_includes/candidate_badge.html +6 -15
  5. data/_includes/footer.html +92 -12
  6. data/_includes/head.html +24 -25
  7. data/_includes/header.html +14 -14
  8. data/_includes/js/main.html +71 -14
  9. data/_includes/menu.html +43 -51
  10. data/_includes/people/profile_badge.html +1 -3
  11. data/_includes/right-bar/bar_cal.html +4 -6
  12. data/_includes/right-bar/bar_fb.html +3 -3
  13. data/_includes/right-bar/bar_garant.html +3 -2
  14. data/_includes/right-bar/bar_people.html +21 -18
  15. data/_includes/right-bar/bar_person_contact.html +11 -55
  16. data/_includes/right-bar/rbar.html +3 -3
  17. data/_layouts/komunalni-volby.html +9 -7
  18. data/_sass/_base.scss +114 -1
  19. data/_sass/_settings.scss +1 -1
  20. data/_sass/components/BasicPage.scss +6 -1
  21. data/_sass/components/hero.scss +2 -2
  22. data/_sass/components/icon.scss +5 -1
  23. data/_sass/components/program.scss +5 -1
  24. data/_sass/components/top-bar.scss +236 -491
  25. data/_sass/components/top-sub-nav.scss +1 -1
  26. data/_sass/objects/media.scss +46 -38
  27. data/_sass/utilities/utilities.scss +6 -6
  28. data/assets/css/main.scss +40 -106
  29. data/assets/js/apps.js +8 -0
  30. data/assets/js/apps/scroll-top/ScrollTop.vue +83 -0
  31. data/assets/js/apps/scroll-top/index.js +9 -0
  32. data/assets/js/apps/site-search/SiteSearch.vue +85 -0
  33. data/assets/js/apps/site-search/SiteSearchItemTemplate.vue +29 -0
  34. data/assets/js/apps/site-search/index.js +14 -0
  35. data/assets/js/index.js +52 -0
  36. metadata +9 -91
  37. data/_includes/js/custom.js +0 -245
  38. data/_includes/js/fb.js +0 -15
  39. data/_includes/js/piwik.js +0 -11
  40. data/_includes/js/tw.js +0 -15
  41. data/_includes/people/item.html +0 -49
  42. data/_includes/people/list-2col.html +0 -24
  43. data/_includes/people/list-group.html +0 -12
  44. data/_includes/title/title_header.html +0 -9
  45. data/_sass/components/scroll-top.scss +0 -32
  46. data/_sass/components/welcome-header.scss +0 -188
  47. data/_sass/foundation/_global.scss +0 -638
  48. data/_sass/foundation/components/_accordion-menu.scss +0 -32
  49. data/_sass/foundation/components/_accordion.scss +0 -129
  50. data/_sass/foundation/components/_badge.scss +0 -55
  51. data/_sass/foundation/components/_breadcrumbs.scss +0 -95
  52. data/_sass/foundation/components/_button-group.scss +0 -195
  53. data/_sass/foundation/components/_button.scss +0 -265
  54. data/_sass/foundation/components/_callout.scss +0 -105
  55. data/_sass/foundation/components/_close-button.scss +0 -61
  56. data/_sass/foundation/components/_drilldown.scss +0 -79
  57. data/_sass/foundation/components/_dropdown-menu.scss +0 -221
  58. data/_sass/foundation/components/_dropdown.scss +0 -65
  59. data/_sass/foundation/components/_flex-video.scss +0 -63
  60. data/_sass/foundation/components/_flex.scss +0 -28
  61. data/_sass/foundation/components/_float.scss +0 -27
  62. data/_sass/foundation/components/_label.scss +0 -55
  63. data/_sass/foundation/components/_media-object.scss +0 -115
  64. data/_sass/foundation/components/_menu-icon.scss +0 -9
  65. data/_sass/foundation/components/_menu.scss +0 -314
  66. data/_sass/foundation/components/_off-canvas.scss +0 -177
  67. data/_sass/foundation/components/_orbit.scss +0 -193
  68. data/_sass/foundation/components/_pagination.scss +0 -162
  69. data/_sass/foundation/components/_progress-bar.scss +0 -64
  70. data/_sass/foundation/components/_reveal.scss +0 -172
  71. data/_sass/foundation/components/_slider.scss +0 -133
  72. data/_sass/foundation/components/_sticky.scss +0 -38
  73. data/_sass/foundation/components/_switch.scss +0 -232
  74. data/_sass/foundation/components/_table.scss +0 -234
  75. data/_sass/foundation/components/_tabs.scss +0 -165
  76. data/_sass/foundation/components/_thumbnail.scss +0 -54
  77. data/_sass/foundation/components/_title-bar.scss +0 -89
  78. data/_sass/foundation/components/_tooltip.scss +0 -104
  79. data/_sass/foundation/components/_top-bar.scss +0 -168
  80. data/_sass/foundation/components/_visibility.scss +0 -132
  81. data/_sass/foundation/forms/_checkbox.scss +0 -40
  82. data/_sass/foundation/forms/_error.scss +0 -84
  83. data/_sass/foundation/forms/_fieldset.scss +0 -54
  84. data/_sass/foundation/forms/_forms.scss +0 -34
  85. data/_sass/foundation/forms/_help-text.scss +0 -30
  86. data/_sass/foundation/forms/_input-group.scss +0 -128
  87. data/_sass/foundation/forms/_label.scss +0 -48
  88. data/_sass/foundation/forms/_meter.scss +0 -109
  89. data/_sass/foundation/forms/_progress.scss +0 -85
  90. data/_sass/foundation/forms/_range.scss +0 -144
  91. data/_sass/foundation/forms/_select.scss +0 -67
  92. data/_sass/foundation/forms/_text.scss +0 -163
  93. data/_sass/foundation/foundation.scss +0 -102
  94. data/_sass/foundation/grid/_classes.scss +0 -151
  95. data/_sass/foundation/grid/_column.scss +0 -126
  96. data/_sass/foundation/grid/_flex-grid.scss +0 -274
  97. data/_sass/foundation/grid/_grid.scss +0 -60
  98. data/_sass/foundation/grid/_gutter.scss +0 -34
  99. data/_sass/foundation/grid/_layout.scss +0 -51
  100. data/_sass/foundation/grid/_position.scss +0 -73
  101. data/_sass/foundation/grid/_row.scss +0 -95
  102. data/_sass/foundation/grid/_size.scss +0 -24
  103. data/_sass/foundation/settings/_settings.scss +0 -567
  104. data/_sass/foundation/typography/_alignment.scss +0 -22
  105. data/_sass/foundation/typography/_base.scss +0 -443
  106. data/_sass/foundation/typography/_helpers.scss +0 -77
  107. data/_sass/foundation/typography/_print.scss +0 -77
  108. data/_sass/foundation/typography/_typography.scss +0 -28
  109. data/_sass/foundation/util/_breakpoint.scss +0 -275
  110. data/_sass/foundation/util/_color.scss +0 -60
  111. data/_sass/foundation/util/_flex.scss +0 -68
  112. data/_sass/foundation/util/_mixins.scss +0 -235
  113. data/_sass/foundation/util/_selector.scss +0 -40
  114. data/_sass/foundation/util/_unit.scss +0 -90
  115. data/_sass/foundation/util/_util.scss +0 -11
  116. data/_sass/foundation/util/_value.scss +0 -107
  117. data/_sass/jquery-ui.scss +0 -1311
  118. data/_sass/main.scss +0 -41
  119. data/_sass/minima.scss +0 -51
  120. data/_sass/minima/_base.scss +0 -254
  121. data/_sass/minima/_layout.scss +0 -255
  122. data/_sass/minima/_syntax-highlighting.scss +0 -71
  123. data/_sass/scroll-top.scss +0 -31
  124. data/assets/js/common-libs.min.js +0 -1
  125. data/assets/js/custom.min.js +0 -1
  126. data/assets/snippet/profile.html +0 -19
@@ -1,95 +0,0 @@
1
- // Foundation for Sites by ZURB
2
- // foundation.zurb.com
3
- // Licensed under MIT Open Source
4
-
5
- ////
6
- /// @group grid
7
- ////
8
-
9
- /// Change the behavior of columns defined inside this mixin to use a different column count.
10
- /// @content
11
- ///
12
- /// @param {Number} $columns - Number of columns to use.
13
- /// @param {Boolean} $root [false]
14
- /// If `false`, selectors inside this mixin will nest inside the parent selector.
15
- /// If `true`, selectors will not nest.
16
- @mixin grid-context(
17
- $columns,
18
- $root: false
19
- ) {
20
- // Store the current column count so it can be re-set later
21
- $old-grid-column-count: $grid-column-count;
22
- $grid-column-count: $columns !global;
23
-
24
- @if $root {
25
- @at-root { @content; }
26
- }
27
- @else {
28
- @content;
29
- }
30
-
31
- // Restore the old column count
32
- $grid-column-count: $old-grid-column-count;
33
- }
34
-
35
- /// Creates a grid row.
36
- /// @content
37
- ///
38
- /// @param {Number} $columns [null] - Column count for this row. `null` will use the default column count.
39
- /// @param {Keywords} $behavior [null]
40
- /// Modifications to the default grid styles. `nest` indicates the row will be placed inside another row. `collapse` indicates that the columns inside this row will not have padding. `nest collapse` combines both behaviors.
41
- /// @param {Number} $width [$grid-row-width] - Maximum width of the row.
42
- /// @param {Boolean} $cf [true] - Whether or not to include a clearfix.
43
- /// @param {Number} $gutter [$grid-column-gutter] - Gutter to use when inverting margins, in case the row is nested.
44
- @mixin grid-row(
45
- $columns: null,
46
- $behavior: null,
47
- $width: $grid-row-width,
48
- $cf: true,
49
- $gutter: $grid-column-gutter
50
- ) {
51
- $margin: auto;
52
-
53
- @if index($behavior, nest) != null {
54
- @include grid-row-nest($gutter);
55
-
56
- @if index($behavior, collapse) != null {
57
- margin-left: 0;
58
- margin-right: 0;
59
- }
60
- }
61
- @else {
62
- max-width: $width;
63
- margin-left: auto;
64
- margin-right: auto;
65
- }
66
-
67
- @if $cf {
68
- @include clearfix;
69
- }
70
-
71
- @if $columns != null {
72
- @include grid-context($columns) {
73
- @content;
74
- }
75
- }
76
- }
77
-
78
- /// Inverts the margins of a row to nest it inside of a column.
79
- ///
80
- /// @param {Map|null} $gutter [null] - Gutter value to use when inverting the margins. Set to `null` to refer to the responsive gutter settings.
81
- @mixin grid-row-nest($gutter: $grid-column-gutter) {
82
- @if type-of($gutter) == 'number' {
83
- $gutter: ($-zf-zero-breakpoint: $gutter);
84
- }
85
- max-width: none;
86
-
87
- @each $breakpoint, $value in $gutter {
88
- $margin: rem-calc($value) / 2 * -1;
89
-
90
- @include breakpoint($breakpoint) {
91
- margin-left: $margin;
92
- margin-right: $margin;
93
- }
94
- }
95
- }
@@ -1,24 +0,0 @@
1
- // Foundation for Sites by ZURB
2
- // foundation.zurb.com
3
- // Licensed under MIT Open Source
4
-
5
- ////
6
- /// @group grid
7
- ////
8
-
9
- /// Set the width of a grid column.
10
- ///
11
- /// @param {Number|List} $width [$grid-column-count] - Width to make the column. You can pass in any value accepted by the `grid-column()` function, such as `6`, `50%`, or `1 of 2`.
12
- @mixin grid-column-size(
13
- $columns: $grid-column-count
14
- ) {
15
- width: grid-column($columns);
16
- }
17
-
18
- /// Shorthand for `grid-column-size()`.
19
- /// @alias grid-column-size
20
- @mixin grid-col-size(
21
- $columns: $grid-column-count
22
- ) {
23
- @include grid-column-size($columns);
24
- }
@@ -1,567 +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 'util/util';
44
-
45
- // 1. Global
46
- // ---------
47
-
48
- $global-font-size: 100%;
49
- $global-width: rem-calc(1200);
50
- $global-lineheight: 1.5;
51
- $foundation-palette: (
52
- primary: #2199e8,
53
- secondary: #777,
54
- success: #3adb76,
55
- warning: #ffae00,
56
- alert: #ec5840,
57
- );
58
- $light-gray: #e6e6e6;
59
- $medium-gray: #cacaca;
60
- $dark-gray: #8a8a8a;
61
- $black: #0a0a0a;
62
- $white: #fefefe;
63
- $body-background: $white;
64
- $body-font-color: $black;
65
- $body-font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
66
- $body-antialiased: true;
67
- $global-margin: 1rem;
68
- $global-padding: 1rem;
69
- $global-weight-normal: normal;
70
- $global-weight-bold: bold;
71
- $global-radius: 0;
72
- $global-text-direction: ltr;
73
- $global-flexbox: false;
74
- $print-transparent-backgrounds: true;
75
-
76
- @include add-foundation-colors;
77
-
78
- // 2. Breakpoints
79
- // --------------
80
-
81
- $breakpoints: (
82
- small: 0,
83
- medium: 640px,
84
- large: 1024px,
85
- xlarge: 1200px,
86
- xxlarge: 1440px,
87
- );
88
- $breakpoint-classes: (small medium large);
89
-
90
- // 3. The Grid
91
- // -----------
92
-
93
- $grid-row-width: $global-width;
94
- $grid-column-count: 12;
95
- $grid-column-gutter: (
96
- small: 20px,
97
- medium: 30px,
98
- );
99
- $grid-column-align-edge: true;
100
- $block-grid-max: 8;
101
-
102
- // 4. Base Typography
103
- // ------------------
104
-
105
- $header-font-family: $body-font-family;
106
- $header-font-weight: $global-weight-normal;
107
- $header-font-style: normal;
108
- $font-family-monospace: Consolas, 'Liberation Mono', Courier, monospace;
109
- $header-sizes: (
110
- small: (
111
- 'h1': 24,
112
- 'h2': 20,
113
- 'h3': 19,
114
- 'h4': 18,
115
- 'h5': 17,
116
- 'h6': 16,
117
- ),
118
- medium: (
119
- 'h1': 48,
120
- 'h2': 40,
121
- 'h3': 31,
122
- 'h4': 25,
123
- 'h5': 20,
124
- 'h6': 16,
125
- ),
126
- );
127
- $header-color: inherit;
128
- $header-lineheight: 1.4;
129
- $header-margin-bottom: 0.5rem;
130
- $header-text-rendering: optimizeLegibility;
131
- $small-font-size: 80%;
132
- $header-small-font-color: $medium-gray;
133
- $paragraph-lineheight: 1.6;
134
- $paragraph-margin-bottom: 1rem;
135
- $paragraph-text-rendering: optimizeLegibility;
136
- $code-color: $black;
137
- $code-font-family: $font-family-monospace;
138
- $code-font-weight: $global-weight-normal;
139
- $code-background: $light-gray;
140
- $code-border: 1px solid $medium-gray;
141
- $code-padding: rem-calc(2 5 1);
142
- $anchor-color: $primary-color;
143
- $anchor-color-hover: scale-color($anchor-color, $lightness: -14%);
144
- $anchor-text-decoration: none;
145
- $anchor-text-decoration-hover: none;
146
- $hr-width: $global-width;
147
- $hr-border: 1px solid $medium-gray;
148
- $hr-margin: rem-calc(20) auto;
149
- $list-lineheight: $paragraph-lineheight;
150
- $list-margin-bottom: $paragraph-margin-bottom;
151
- $list-style-type: disc;
152
- $list-style-position: outside;
153
- $list-side-margin: 1.25rem;
154
- $list-nested-side-margin: 1.25rem;
155
- $defnlist-margin-bottom: 1rem;
156
- $defnlist-term-weight: $global-weight-bold;
157
- $defnlist-term-margin-bottom: 0.3rem;
158
- $blockquote-color: $dark-gray;
159
- $blockquote-padding: rem-calc(9 20 0 19);
160
- $blockquote-border: 1px solid $medium-gray;
161
- $cite-font-size: rem-calc(13);
162
- $cite-color: $dark-gray;
163
- $keystroke-font: $font-family-monospace;
164
- $keystroke-color: $black;
165
- $keystroke-background: $light-gray;
166
- $keystroke-padding: rem-calc(2 4 0);
167
- $keystroke-radius: $global-radius;
168
- $abbr-underline: 1px dotted $black;
169
-
170
- // 5. Typography Helpers
171
- // ---------------------
172
-
173
- $lead-font-size: $global-font-size * 1.25;
174
- $lead-lineheight: 1.6;
175
- $subheader-lineheight: 1.4;
176
- $subheader-color: $dark-gray;
177
- $subheader-font-weight: $global-weight-normal;
178
- $subheader-margin-top: 0.2rem;
179
- $subheader-margin-bottom: 0.5rem;
180
- $stat-font-size: 2.5rem;
181
-
182
- // 6. Abide
183
- // --------
184
-
185
- $abide-inputs: true;
186
- $abide-labels: true;
187
- $input-background-invalid: map-get($foundation-palette, alert);
188
- $form-label-color-invalid: map-get($foundation-palette, alert);
189
- $input-error-color: map-get($foundation-palette, alert);
190
- $input-error-font-size: rem-calc(12);
191
- $input-error-font-weight: $global-weight-bold;
192
-
193
- // 7. Accordion
194
- // ------------
195
-
196
- $accordion-background: $white;
197
- $accordion-plusminus: true;
198
- $accordion-item-color: foreground($accordion-background, $primary-color);
199
- $accordion-item-background-hover: $light-gray;
200
- $accordion-item-padding: 1.25rem 1rem;
201
- $accordion-content-background: $white;
202
- $accordion-content-border: 1px solid $light-gray;
203
- $accordion-content-color: foreground($accordion-content-background, $body-font-color);
204
- $accordion-content-padding: 1rem;
205
-
206
- // 8. Accordion Menu
207
- // -----------------
208
-
209
- $accordionmenu-arrows: true;
210
- $accordionmenu-arrow-color: $primary-color;
211
-
212
- // 9. Badge
213
- // --------
214
-
215
- $badge-background: $primary-color;
216
- $badge-color: foreground($badge-background);
217
- $badge-padding: 0.3em;
218
- $badge-minwidth: 2.1em;
219
- $badge-font-size: 0.6rem;
220
-
221
- // 10. Breadcrumbs
222
- // ---------------
223
-
224
- $breadcrumbs-margin: 0 0 $global-margin 0;
225
- $breadcrumbs-item-font-size: rem-calc(11);
226
- $breadcrumbs-item-color: $primary-color;
227
- $breadcrumbs-item-color-current: $black;
228
- $breadcrumbs-item-color-disabled: $medium-gray;
229
- $breadcrumbs-item-margin: 0.75rem;
230
- $breadcrumbs-item-uppercase: true;
231
- $breadcrumbs-item-slash: true;
232
-
233
- // 11. Button
234
- // ----------
235
-
236
- $button-padding: 0.85em 1em;
237
- $button-margin: 0 0 $global-margin 0;
238
- $button-fill: solid;
239
- $button-background: $primary-color;
240
- $button-background-hover: scale-color($button-background, $lightness: -15%);
241
- $button-color: $white;
242
- $button-color-alt: $black;
243
- $button-radius: $global-radius;
244
- $button-sizes: (
245
- tiny: 0.6rem,
246
- small: 0.75rem,
247
- default: 0.9rem,
248
- large: 1.25rem,
249
- );
250
- $button-opacity-disabled: 0.25;
251
-
252
- // 12. Button Group
253
- // ----------------
254
-
255
- $buttongroup-margin: 1rem;
256
- $buttongroup-spacing: 1px;
257
- $buttongroup-child-selector: '.button';
258
- $buttongroup-expand-max: 6;
259
-
260
- // 13. Callout
261
- // -----------
262
-
263
- $callout-background: $white;
264
- $callout-background-fade: 85%;
265
- $callout-border: 1px solid rgba($black, 0.25);
266
- $callout-margin: 0 0 1rem 0;
267
- $callout-padding: 1rem;
268
- $callout-font-color: $body-font-color;
269
- $callout-font-color-alt: $body-background;
270
- $callout-radius: $global-radius;
271
- $callout-link-tint: 30%;
272
-
273
- // 14. Close Button
274
- // ----------------
275
-
276
- $closebutton-position: right top;
277
- $closebutton-offset-horizontal: 1rem;
278
- $closebutton-offset-vertical: 0.5rem;
279
- $closebutton-size: 2em;
280
- $closebutton-lineheight: 1;
281
- $closebutton-color: $dark-gray;
282
- $closebutton-color-hover: $black;
283
-
284
- // 15. Drilldown
285
- // -------------
286
-
287
- $drilldown-transition: transform 0.15s linear;
288
- $drilldown-arrows: true;
289
- $drilldown-arrow-color: $primary-color;
290
- $drilldown-background: $white;
291
-
292
- // 16. Dropdown
293
- // ------------
294
-
295
- $dropdown-padding: 1rem;
296
- $dropdown-border: 1px solid $medium-gray;
297
- $dropdown-font-size: 1rem;
298
- $dropdown-width: 300px;
299
- $dropdown-radius: $global-radius;
300
- $dropdown-sizes: (
301
- tiny: 100px,
302
- small: 200px,
303
- large: 400px,
304
- );
305
-
306
- // 17. Dropdown Menu
307
- // -----------------
308
-
309
- $dropdownmenu-arrows: true;
310
- $dropdownmenu-arrow-color: $anchor-color;
311
- $dropdownmenu-min-width: 200px;
312
- $dropdownmenu-background: $white;
313
- $dropdownmenu-border: 1px solid $medium-gray;
314
-
315
- // 18. Flex Video
316
- // --------------
317
-
318
- $flexvideo-margin-bottom: rem-calc(16);
319
- $flexvideo-ratio: 4 by 3;
320
- $flexvideo-ratio-widescreen: 16 by 9;
321
-
322
- // 19. Forms
323
- // ---------
324
-
325
- $fieldset-border: 1px solid $medium-gray;
326
- $fieldset-padding: rem-calc(20);
327
- $fieldset-margin: rem-calc(18 0);
328
- $legend-padding: rem-calc(0 3);
329
- $form-spacing: rem-calc(16);
330
- $helptext-color: $black;
331
- $helptext-font-size: rem-calc(13);
332
- $helptext-font-style: italic;
333
- $input-prefix-color: $black;
334
- $input-prefix-background: $light-gray;
335
- $input-prefix-border: 1px solid $medium-gray;
336
- $input-prefix-padding: 1rem;
337
- $form-label-color: $black;
338
- $form-label-font-size: rem-calc(14);
339
- $form-label-font-weight: $global-weight-normal;
340
- $form-label-line-height: 1.8;
341
- $select-background: $white;
342
- $select-triangle-color: $dark-gray;
343
- $select-radius: $global-radius;
344
- $input-color: $black;
345
- $input-placeholder-color: $medium-gray;
346
- $input-font-family: inherit;
347
- $input-font-size: rem-calc(16);
348
- $input-background: $white;
349
- $input-background-focus: $white;
350
- $input-background-disabled: $light-gray;
351
- $input-border: 1px solid $medium-gray;
352
- $input-border-focus: 1px solid $dark-gray;
353
- $input-shadow: inset 0 1px 2px rgba($black, 0.1);
354
- $input-shadow-focus: 0 0 5px $medium-gray;
355
- $input-cursor-disabled: not-allowed;
356
- $input-transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
357
- $input-number-spinners: true;
358
- $input-radius: $global-radius;
359
-
360
- // 20. Label
361
- // ---------
362
-
363
- $label-background: $primary-color;
364
- $label-color: foreground($label-background);
365
- $label-font-size: 0.8rem;
366
- $label-padding: 0.33333rem 0.5rem;
367
- $label-radius: $global-radius;
368
-
369
- // 21. Media Object
370
- // ----------------
371
-
372
- $mediaobject-margin-bottom: $global-margin;
373
- $mediaobject-section-padding: $global-padding;
374
- $mediaobject-image-width-stacked: 100%;
375
-
376
- // 22. Menu
377
- // --------
378
-
379
- $menu-margin: 0;
380
- $menu-margin-nested: 1rem;
381
- $menu-item-padding: 0.7rem 1rem;
382
- $menu-item-color-active: $white;
383
- $menu-item-background-active: map-get($foundation-palette, primary);
384
- $menu-icon-spacing: 0.25rem;
385
-
386
- // 23. Meter
387
- // ---------
388
-
389
- $meter-height: 1rem;
390
- $meter-radius: $global-radius;
391
- $meter-background: $medium-gray;
392
- $meter-fill-good: $success-color;
393
- $meter-fill-medium: $warning-color;
394
- $meter-fill-bad: $alert-color;
395
-
396
- // 24. Off-canvas
397
- // --------------
398
-
399
- $offcanvas-size: 250px;
400
- $offcanvas-background: $light-gray;
401
- $offcanvas-zindex: -1;
402
- $offcanvas-transition-length: 0.5s;
403
- $offcanvas-transition-timing: ease;
404
- $offcanvas-fixed-reveal: true;
405
- $offcanvas-exit-background: rgba($white, 0.25);
406
- $maincontent-class: 'off-canvas-content';
407
- $maincontent-shadow: 0 0 10px rgba($black, 0.5);
408
-
409
- // 25. Orbit
410
- // ---------
411
-
412
- $orbit-bullet-background: $medium-gray;
413
- $orbit-bullet-background-active: $dark-gray;
414
- $orbit-bullet-diameter: 1.2rem;
415
- $orbit-bullet-margin: 0.1rem;
416
- $orbit-bullet-margin-top: 0.8rem;
417
- $orbit-bullet-margin-bottom: 0.8rem;
418
- $orbit-caption-background: rgba($black, 0.5);
419
- $orbit-caption-padding: 1rem;
420
- $orbit-control-background-hover: rgba($black, 0.5);
421
- $orbit-control-padding: 1rem;
422
- $orbit-control-zindex: 10;
423
-
424
- // 26. Pagination
425
- // --------------
426
-
427
- $pagination-font-size: rem-calc(14);
428
- $pagination-margin-bottom: $global-margin;
429
- $pagination-item-color: $black;
430
- $pagination-item-padding: rem-calc(3 10);
431
- $pagination-item-spacing: rem-calc(1);
432
- $pagination-radius: $global-radius;
433
- $pagination-item-background-hover: $light-gray;
434
- $pagination-item-background-current: $primary-color;
435
- $pagination-item-color-current: foreground($pagination-item-background-current);
436
- $pagination-item-color-disabled: $medium-gray;
437
- $pagination-ellipsis-color: $black;
438
- $pagination-mobile-items: false;
439
- $pagination-arrows: true;
440
-
441
- // 27. Progress Bar
442
- // ----------------
443
-
444
- $progress-height: 1rem;
445
- $progress-background: $medium-gray;
446
- $progress-margin-bottom: $global-margin;
447
- $progress-meter-background: $primary-color;
448
- $progress-radius: $global-radius;
449
-
450
- // 28. Reveal
451
- // ----------
452
-
453
- $reveal-background: $white;
454
- $reveal-width: 600px;
455
- $reveal-max-width: $global-width;
456
- $reveal-padding: $global-padding;
457
- $reveal-border: 1px solid $medium-gray;
458
- $reveal-radius: $global-radius;
459
- $reveal-zindex: 1005;
460
- $reveal-overlay-background: rgba($black, 0.45);
461
-
462
- // 29. Slider
463
- // ----------
464
-
465
- $slider-width-vertical: 0.5rem;
466
- $slider-transition: all 0.2s ease-in-out;
467
- $slider-height: 0.5rem;
468
- $slider-background: $light-gray;
469
- $slider-fill-background: $medium-gray;
470
- $slider-handle-height: 1.4rem;
471
- $slider-handle-width: 1.4rem;
472
- $slider-handle-background: $primary-color;
473
- $slider-opacity-disabled: 0.25;
474
- $slider-radius: $global-radius;
475
-
476
- // 30. Switch
477
- // ----------
478
-
479
- $switch-background: $medium-gray;
480
- $switch-background-active: $primary-color;
481
- $switch-height: 2rem;
482
- $switch-height-tiny: 1.5rem;
483
- $switch-height-small: 1.75rem;
484
- $switch-height-large: 2.5rem;
485
- $switch-radius: $global-radius;
486
- $switch-margin: $global-margin;
487
- $switch-paddle-background: $white;
488
- $switch-paddle-offset: 0.25rem;
489
- $switch-paddle-radius: $global-radius;
490
- $switch-paddle-transition: all 0.25s ease-out;
491
-
492
- // 31. Table
493
- // ---------
494
-
495
- $table-background: $white;
496
- $table-color-scale: 5%;
497
- $table-border: 1px solid smart-scale($table-background, $table-color-scale);
498
- $table-padding: rem-calc(8 10 10);
499
- $table-hover-scale: 2%;
500
- $table-row-hover: darken($table-background, $table-hover-scale);
501
- $table-row-stripe-hover: darken($table-background, $table-color-scale + $table-hover-scale);
502
- $table-striped-background: smart-scale($table-background, $table-color-scale);
503
- $table-stripe: even;
504
- $table-head-background: smart-scale($table-background, $table-color-scale / 2);
505
- $table-foot-background: smart-scale($table-background, $table-color-scale);
506
- $table-head-font-color: $body-font-color;
507
- $show-header-for-stacked: false;
508
-
509
- // 32. Tabs
510
- // --------
511
-
512
- $tab-margin: 0;
513
- $tab-background: $white;
514
- $tab-background-active: $light-gray;
515
- $tab-item-font-size: rem-calc(12);
516
- $tab-item-background-hover: $white;
517
- $tab-item-padding: 1.25rem 1.5rem;
518
- $tab-expand-max: 6;
519
- $tab-content-background: $white;
520
- $tab-content-border: $light-gray;
521
- $tab-content-color: foreground($tab-background, $primary-color);
522
- $tab-content-padding: 1rem;
523
-
524
- // 33. Thumbnail
525
- // -------------
526
-
527
- $thumbnail-border: solid 4px $white;
528
- $thumbnail-margin-bottom: $global-margin;
529
- $thumbnail-shadow: 0 0 0 1px rgba($black, 0.2);
530
- $thumbnail-shadow-hover: 0 0 6px 1px rgba($primary-color, 0.5);
531
- $thumbnail-transition: box-shadow 200ms ease-out;
532
- $thumbnail-radius: $global-radius;
533
-
534
- // 34. Title Bar
535
- // -------------
536
-
537
- $titlebar-background: $black;
538
- $titlebar-color: $white;
539
- $titlebar-padding: 0.5rem;
540
- $titlebar-text-font-weight: bold;
541
- $titlebar-icon-color: $white;
542
- $titlebar-icon-color-hover: $medium-gray;
543
- $titlebar-icon-spacing: 0.25rem;
544
-
545
- // 35. Tooltip
546
- // -----------
547
-
548
- $has-tip-font-weight: $global-weight-bold;
549
- $has-tip-border-bottom: dotted 1px $dark-gray;
550
- $tooltip-background-color: $black;
551
- $tooltip-color: $white;
552
- $tooltip-padding: 0.75rem;
553
- $tooltip-font-size: $small-font-size;
554
- $tooltip-pip-width: 0.75rem;
555
- $tooltip-pip-height: $tooltip-pip-width * 0.866;
556
- $tooltip-radius: $global-radius;
557
-
558
- // 36. Top Bar
559
- // -----------
560
-
561
- $topbar-padding: 0.5rem;
562
- $topbar-background: $light-gray;
563
- $topbar-submenu-background: $topbar-background;
564
- $topbar-title-spacing: 1rem;
565
- $topbar-input-width: 200px;
566
- $topbar-unstack-breakpoint: medium;
567
-