@pageboard/html 0.14.19 → 0.14.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (110) hide show
  1. package/elements/accordion.js +1 -1
  2. package/elements/fieldsets.js +1 -1
  3. package/elements/form.js +2 -2
  4. package/elements/grid.js +1 -1
  5. package/elements/image.js +1 -1
  6. package/elements/input-file.js +2 -2
  7. package/elements/input-property.js +12 -13
  8. package/elements/inputs.js +5 -5
  9. package/elements/layout.js +1 -1
  10. package/elements/link.js +2 -2
  11. package/elements/menu.js +2 -2
  12. package/elements/navigation.js +1 -1
  13. package/elements/page.js +1 -1
  14. package/elements/paragraph.js +2 -2
  15. package/elements/query-tags.js +1 -1
  16. package/elements/tab.js +1 -1
  17. package/elements/table.js +1 -1
  18. package/elements/template.js +1 -1
  19. package/package.json +3 -8
  20. package/ui/card.css +3 -3
  21. package/ui/components/accordion.css +241 -0
  22. package/ui/components/accordion.js +613 -0
  23. package/ui/components/ad.css +275 -0
  24. package/ui/components/api.js +1167 -0
  25. package/ui/components/breadcrumb.css +122 -0
  26. package/ui/components/button.css +3525 -0
  27. package/ui/components/card.css +939 -0
  28. package/ui/components/checkbox.css +604 -0
  29. package/ui/components/checkbox.js +831 -0
  30. package/ui/components/colorize.js +274 -0
  31. package/ui/components/comment.css +268 -0
  32. package/ui/components/container.css +149 -0
  33. package/ui/components/dimmer.css +224 -0
  34. package/ui/components/dimmer.js +733 -0
  35. package/ui/components/divider.css +253 -0
  36. package/ui/components/dropdown.css +1448 -0
  37. package/ui/components/dropdown.js +3955 -0
  38. package/ui/components/embed.css +160 -0
  39. package/ui/components/embed.js +706 -0
  40. package/ui/components/feed.css +281 -0
  41. package/ui/components/flag.css +1035 -0
  42. package/ui/components/form.css +1011 -0
  43. package/ui/components/form.js +1706 -0
  44. package/ui/components/grid.css +1941 -0
  45. package/ui/components/header.css +719 -0
  46. package/ui/components/icon.css +4777 -0
  47. package/ui/components/image.css +310 -0
  48. package/ui/components/input.css +469 -0
  49. package/ui/components/item.css +464 -0
  50. package/ui/components/label.css +1281 -0
  51. package/ui/components/list.css +943 -0
  52. package/ui/components/loader.css +339 -0
  53. package/ui/components/menu.css +1940 -0
  54. package/ui/components/message.css +468 -0
  55. package/ui/components/modal.css +617 -0
  56. package/ui/components/modal.js +1034 -0
  57. package/ui/components/nag.css +145 -0
  58. package/ui/components/nag.js +507 -0
  59. package/ui/components/placeholder.css +229 -0
  60. package/ui/components/popup.css +640 -0
  61. package/ui/components/popup.js +1532 -0
  62. package/ui/components/progress.css +502 -0
  63. package/ui/components/progress.js +931 -0
  64. package/ui/components/rail.css +152 -0
  65. package/ui/components/rating.css +257 -0
  66. package/ui/components/rating.js +508 -0
  67. package/ui/components/reset.css +476 -0
  68. package/ui/components/reveal.css +260 -0
  69. package/ui/components/search.css +431 -0
  70. package/ui/components/search.js +1505 -0
  71. package/ui/components/segment.css +824 -0
  72. package/ui/components/shape.css +143 -0
  73. package/ui/components/shape.js +921 -0
  74. package/ui/components/sidebar.css +537 -0
  75. package/ui/components/sidebar.js +1033 -0
  76. package/ui/components/site.css +184 -0
  77. package/ui/components/site.js +487 -0
  78. package/ui/components/state.js +708 -0
  79. package/ui/components/statistic.css +534 -0
  80. package/ui/components/step.css +566 -0
  81. package/ui/components/sticky.css +73 -0
  82. package/ui/components/sticky.js +959 -0
  83. package/ui/components/tab.css +89 -0
  84. package/ui/components/tab.js +952 -0
  85. package/ui/components/table.css +1108 -0
  86. package/ui/components/transition.css +1792 -0
  87. package/ui/components/transition.js +1095 -0
  88. package/ui/components/video.css +121 -0
  89. package/ui/components/video.js +532 -0
  90. package/ui/components/visibility.js +1311 -0
  91. package/ui/components/visit.js +517 -0
  92. package/ui/item.css +2 -2
  93. package/ui/layout.css +1 -1
  94. package/ui/themes/default/assets/fonts/brand-icons.eot +0 -0
  95. package/ui/themes/default/assets/fonts/brand-icons.svg +1008 -0
  96. package/ui/themes/default/assets/fonts/brand-icons.ttf +0 -0
  97. package/ui/themes/default/assets/fonts/brand-icons.woff +0 -0
  98. package/ui/themes/default/assets/fonts/brand-icons.woff2 +0 -0
  99. package/ui/themes/default/assets/fonts/icons.eot +0 -0
  100. package/ui/themes/default/assets/fonts/icons.otf +0 -0
  101. package/ui/themes/default/assets/fonts/icons.svg +1518 -0
  102. package/ui/themes/default/assets/fonts/icons.ttf +0 -0
  103. package/ui/themes/default/assets/fonts/icons.woff +0 -0
  104. package/ui/themes/default/assets/fonts/icons.woff2 +0 -0
  105. package/ui/themes/default/assets/fonts/outline-icons.eot +0 -0
  106. package/ui/themes/default/assets/fonts/outline-icons.svg +366 -0
  107. package/ui/themes/default/assets/fonts/outline-icons.ttf +0 -0
  108. package/ui/themes/default/assets/fonts/outline-icons.woff +0 -0
  109. package/ui/themes/default/assets/fonts/outline-icons.woff2 +0 -0
  110. package/ui/themes/default/assets/images/flags.png +0 -0
@@ -6,7 +6,7 @@ exports.accordion = {
6
6
  contents: "fold+",
7
7
  html: '<element-accordion class="ui accordion"></element-accordion>',
8
8
  stylesheets: [
9
- '../lib/components/accordion.css',
9
+ '../ui/components/accordion.css',
10
10
  '../ui/accordion.css'
11
11
  ],
12
12
  scripts: [
@@ -148,6 +148,6 @@ exports.fieldlist_button = {
148
148
  },
149
149
  html: '<button type="button" class="ui [full|alt:fluid:] [icon] [compact] [float|post:%20floated] button" value="[type]">Label</button>',
150
150
  stylesheets: [
151
- '../lib/components/button.css',
151
+ '../ui/components/button.css',
152
152
  ]
153
153
  };
package/elements/form.js CHANGED
@@ -56,7 +56,7 @@ exports.query_form = {
56
56
  action="[redirection.url][redirection.parameters|as:query]"
57
57
  autocomplete="off" class="ui form"></form>`,
58
58
  stylesheets: [
59
- '../lib/components/form.css',
59
+ '../ui/components/form.css',
60
60
  '../ui/form.css'
61
61
  ],
62
62
  scripts: [ // for asynchronous submits and automatic triggers
@@ -186,7 +186,7 @@ exports.api_form = {
186
186
  notfound="[notfound.url][notfound.parameters|as:query]"
187
187
  class="ui form [hidden]"></form>`,
188
188
  stylesheets: [
189
- '../lib/components/form.css',
189
+ '../ui/components/form.css',
190
190
  '../ui/form.css'
191
191
  ],
192
192
  scripts: [ // for asynchronous submits and automatic triggers
package/elements/grid.js CHANGED
@@ -45,7 +45,7 @@ exports.grid = {
45
45
  },
46
46
  html: '<div class="ui [responsive] [width|neq:min|alt:equal width] [columns|as:colnums|post: columns] grid [width|switch:contained:container]"></div>',
47
47
  stylesheets: [
48
- '../lib/components/grid.css'
48
+ '../ui/components/grid.css'
49
49
  ]
50
50
  };
51
51
 
package/elements/image.js CHANGED
@@ -285,7 +285,7 @@ exports.inlineImage = {
285
285
  [display.floated|pre:floated ]
286
286
  [display.align|post: aligned]" />`,
287
287
  stylesheets: [
288
- '../lib/components/image.css'
288
+ '../ui/components/image.css'
289
289
  ],
290
290
  polyfills: [
291
291
  'IntersectionObserver'
@@ -56,8 +56,8 @@ exports.input_file = {
56
56
  disabled="[disabled]" accept="[limits.types|join:,]" name="[name]" />
57
57
  </div>`,
58
58
  stylesheets: [
59
- '../lib/components/input.css',
60
- '../lib/components/label.css',
59
+ '../ui/components/input.css',
60
+ '../ui/components/label.css',
61
61
  '../ui/input-file.css'
62
62
  ],
63
63
  scripts: [
@@ -38,7 +38,6 @@ exports.input_property = {
38
38
  },
39
39
  html: '<div><code>select property name</code></div>',
40
40
  fuse: function(node, d, scope) {
41
- const view = scope.$view;
42
41
  const doc = scope.$doc;
43
42
  const dateFormats = ["date", "time", "date-time"];
44
43
  let name = d.name;
@@ -151,7 +150,7 @@ exports.input_property = {
151
150
  node.appendChild(content);
152
151
  content = content.lastElementChild;
153
152
  for (const item of listOf) {
154
- content.appendChild(view.render({
153
+ content.appendChild(scope.render({
155
154
  type: multiple ? 'input_checkbox' : 'input_radio',
156
155
  id,
157
156
  data: {
@@ -167,7 +166,7 @@ exports.input_property = {
167
166
  } else {
168
167
  const frag = doc.createDocumentFragment();
169
168
  for (const item of listOf) {
170
- frag.appendChild(view.render({
169
+ frag.appendChild(scope.render({
171
170
  type: 'input_select_option',
172
171
  data: {
173
172
  value: item.type == "null" ? null : item.const
@@ -177,7 +176,7 @@ exports.input_property = {
177
176
  }
178
177
  }));
179
178
  }
180
- node.appendChild(view.render({
179
+ node.appendChild(scope.render({
181
180
  id,
182
181
  type: 'input_select',
183
182
  data: {
@@ -196,7 +195,7 @@ exports.input_property = {
196
195
  const step = propType.multipleOf || (propType.type == "integer" ? 1 : 0.001);
197
196
  if (propType.minimum != null && propType.maximum != null) {
198
197
  if (propType.maximum - propType.minimum <= d.range) {
199
- return node.appendChild(view.render({
198
+ return node.appendChild(scope.render({
200
199
  id,
201
200
  type: 'input_range',
202
201
  data: {
@@ -215,7 +214,7 @@ exports.input_property = {
215
214
  }));
216
215
  }
217
216
  }
218
- node.appendChild(view.render({
217
+ node.appendChild(scope.render({
219
218
  id,
220
219
  type: 'input_number',
221
220
  data: {
@@ -232,7 +231,7 @@ exports.input_property = {
232
231
  }
233
232
  }));
234
233
  } else if (propType.type == "boolean") {
235
- node.appendChild(view.render({
234
+ node.appendChild(scope.render({
236
235
  id,
237
236
  type: 'input_checkbox',
238
237
  data: {
@@ -246,7 +245,7 @@ exports.input_property = {
246
245
  }
247
246
  }));
248
247
  } else if (propType.type == "object" && Object.keys(propType.properties).sort().join(' ') == "end start" && dateFormats.includes(propType.properties.start.format) && dateFormats.includes(propType.properties.end.format)) {
249
- node.appendChild(view.render({
248
+ node.appendChild(scope.render({
250
249
  id,
251
250
  type: 'input_date_slot',
252
251
  data: {
@@ -262,7 +261,7 @@ exports.input_property = {
262
261
  }
263
262
  }));
264
263
  } else if (propType.type == "string" && dateFormats.includes(propType.format)) {
265
- if (d.multiple) node.appendChild(view.render({
264
+ if (d.multiple) node.appendChild(scope.render({
266
265
  id,
267
266
  type: 'input_date_slot',
268
267
  data: {
@@ -278,7 +277,7 @@ exports.input_property = {
278
277
  label: prop.title
279
278
  }
280
279
  }));
281
- else node.appendChild(view.render({
280
+ else node.appendChild(scope.render({
282
281
  id,
283
282
  type: 'input_date_time',
284
283
  data: {
@@ -305,7 +304,7 @@ exports.input_property = {
305
304
  else return "*/*";
306
305
  });
307
306
  }
308
- node.appendChild(view.render({
307
+ node.appendChild(scope.render({
309
308
  id,
310
309
  type: 'input_file',
311
310
  data: {
@@ -320,7 +319,7 @@ exports.input_property = {
320
319
  }));
321
320
  } else {
322
321
  const type = (propType.format || propType.pattern) ? 'text' : 'textarea';
323
- node.appendChild(view.render({
322
+ node.appendChild(scope.render({
324
323
  id,
325
324
  type: 'input_text',
326
325
  data: {
@@ -336,7 +335,7 @@ exports.input_property = {
336
335
  return node;
337
336
  },
338
337
  stylesheets: [
339
- '../lib/components/accordion.css',
338
+ '../ui/components/accordion.css',
340
339
  '../ui/accordion.css'
341
340
  ],
342
341
  scripts: [
@@ -75,7 +75,7 @@ exports.input_button = {
75
75
  },
76
76
  html: '<button type="[type]" disabled="[disabled]" class="ui [full|alt:fluid:] [icon] [compact] [float|post:%20floated] button" name="[name]" value="[value]">[type|schema:title]</button>',
77
77
  stylesheets: [
78
- '../lib/components/button.css',
78
+ '../ui/components/button.css',
79
79
  '../ui/button.css'
80
80
  ]
81
81
  };
@@ -367,7 +367,7 @@ exports.input_checkbox = {
367
367
  </div>
368
368
  </div>`,
369
369
  stylesheets: [
370
- '../lib/components/checkbox.css'
370
+ '../ui/components/checkbox.css'
371
371
  ]
372
372
  };
373
373
 
@@ -425,7 +425,7 @@ exports.input_radio = {
425
425
  </div>
426
426
  </div>`,
427
427
  stylesheets: [
428
- '../lib/components/checkbox.css',
428
+ '../ui/components/checkbox.css',
429
429
  '../ui/input_radio.css'
430
430
  ]
431
431
  };
@@ -488,8 +488,8 @@ exports.input_select = {
488
488
  </element-select>
489
489
  </div>`,
490
490
  stylesheets: [
491
- '../lib/components/dropdown.css',
492
- '../lib/components/label.css',
491
+ '../ui/components/dropdown.css',
492
+ '../ui/components/label.css',
493
493
  '../ui/select.css'
494
494
  ],
495
495
  scripts: [
@@ -382,7 +382,7 @@ exports.layout = {
382
382
  style-background-position="[background.position]"
383
383
  ></div>`,
384
384
  stylesheets: [
385
- '../lib/components/container.css',
385
+ '../ui/components/container.css',
386
386
  '../ui/layout.css'
387
387
  ],
388
388
  scripts: [
package/elements/link.js CHANGED
@@ -39,7 +39,7 @@ exports.link = {
39
39
  tag: 'a:not([block-type]),a[block-type="link"]',
40
40
  html: '<a href="[url]" hreflang="[lang]" class="[button|alt:ui button]"></a>',
41
41
  stylesheets: [
42
- '../lib/components/button.css'
42
+ '../ui/components/button.css'
43
43
  ]
44
44
  };
45
45
 
@@ -106,6 +106,6 @@ exports.link_button = {
106
106
  tag: 'a.ui.button',
107
107
  html: '<a href="[url]" hreflang="[lang]" class="ui [full|alt:fluid:] [icon] [compact] [float|post:%20floated] button"></a>',
108
108
  stylesheets: [
109
- '../lib/components/button.css'
109
+ '../ui/components/button.css'
110
110
  ]
111
111
  };
package/elements/menu.js CHANGED
@@ -24,7 +24,7 @@ exports.menu = {
24
24
  group: "block",
25
25
  html: `<nav class="ui [direction] menu"></nav>`,
26
26
  stylesheets: [
27
- '../lib/components/menu.css'
27
+ '../ui/components/menu.css'
28
28
  ]
29
29
  };
30
30
 
@@ -192,7 +192,7 @@ exports.menu_item_dropdown = {
192
192
  <div class="menu" block-content="items"></div>
193
193
  </div>`,
194
194
  stylesheets: [
195
- '../lib/components/dropdown.css'
195
+ '../ui/components/dropdown.css'
196
196
  ]
197
197
  };
198
198
 
@@ -61,7 +61,7 @@ exports.breadcrumb = {
61
61
  <div class="active section">[$page.content.title|fail:div::1]</div>
62
62
  </nav>`,
63
63
  stylesheets: [
64
- '../lib/components/breadcrumb.css'
64
+ '../ui/components/breadcrumb.css'
65
65
  ]
66
66
  };
67
67
 
package/elements/page.js CHANGED
@@ -1,6 +1,6 @@
1
1
  exports.page.stylesheets = [
2
2
  ...exports.page.stylesheets,
3
- '../lib/components/reset.css',
3
+ '../ui/components/reset.css',
4
4
  '../ui/site.css',
5
5
  '../ui/page.css',
6
6
  '../ui/transition.css'
@@ -95,7 +95,7 @@ exports.segment = {
95
95
  icon: '<b class="icon">Seg</b>',
96
96
  html: '<div class="ui [size] [raised] [disabled] [inverted] [padded] [compact] [circular] [basic] [attached|switch:both: |post: attached] [align|post: aligned] segment"></div>',
97
97
  stylesheets: [
98
- '../lib/components/segment.css'
98
+ '../ui/components/segment.css'
99
99
  ]
100
100
  };
101
101
 
@@ -128,7 +128,7 @@ exports.divider = {
128
128
  },
129
129
  html: '<div class="ui divider [ruler|or:hidden] [large|alt:section] [clearing] [fitted]"></div>',
130
130
  stylesheets: [
131
- '../lib/components/divider.css'
131
+ '../ui/components/divider.css'
132
132
  ]
133
133
  };
134
134
 
@@ -21,7 +21,7 @@ exports.query_tags = {
21
21
  <div class="ui labels"></div>
22
22
  </element-query-tags>`,
23
23
  stylesheets: [
24
- '../lib/components/label.css',
24
+ '../ui/components/label.css',
25
25
  '../ui/query-tags.css'
26
26
  ],
27
27
  scripts: [
package/elements/tab.js CHANGED
@@ -25,7 +25,7 @@ exports.tabs = {
25
25
  <div block-content="tabs"></div>
26
26
  </element-tabs>`,
27
27
  stylesheets: [
28
- '../lib/components/tab.css',
28
+ '../ui/components/tab.css',
29
29
  '../ui/tab.css'
30
30
  ],
31
31
  scripts: [
package/elements/table.js CHANGED
@@ -63,7 +63,7 @@ exports.table = {
63
63
  [compact]"
64
64
  ></table>`,
65
65
  stylesheets: [
66
- '../lib/components/table.css'
66
+ '../ui/components/table.css'
67
67
  ]
68
68
  };
69
69
 
@@ -17,5 +17,5 @@ exports.message.properties.inverted = {
17
17
  };
18
18
 
19
19
  exports.message.stylesheets.unshift(
20
- '../lib/components/message.css'
20
+ '../ui/components/message.css'
21
21
  );
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pageboard/html",
3
- "version": "0.14.19",
3
+ "version": "0.14.21",
4
4
  "description": "",
5
5
  "main": "index.js",
6
6
  "repository": {
@@ -13,17 +13,12 @@
13
13
  "url": "https://github.com/pageboard/client/issues"
14
14
  },
15
15
  "homepage": "https://github.com/pageboard/client#readme",
16
- "dependencies": {
17
- "semantic-ui-css": "^2.4.1"
18
- },
16
+ "dependencies": {},
19
17
  "devDependencies": {
20
18
  "nouislider": "^15.7.1",
21
19
  "postinstall": "^0.8.0"
22
20
  },
23
- "postinstall": {
24
- "semantic-ui-css/components": "link lib/components",
25
- "semantic-ui-css/themes": "link lib/themes"
26
- },
21
+ "postinstall": {},
27
22
  "prepare": {
28
23
  "nouislider/dist/nouislider.js": "copy lib/",
29
24
  "nouislider/dist/nouislider.css": "copy lib/"
package/ui/card.css CHANGED
@@ -509,7 +509,7 @@
509
509
  --------------------*/
510
510
 
511
511
 
512
- @media only screen and (max-width: 767px) {
512
+ @media (width <= 767px) {
513
513
  /* Mobile Only */
514
514
  .ui.two.doubling.cards {
515
515
  margin-left: 0em;
@@ -594,7 +594,7 @@
594
594
  }
595
595
  }
596
596
 
597
- @media only screen and (min-width: 768px) and (max-width: 991px) {
597
+ @media (width >= 768px) and (width <= 991px) {
598
598
  /* Tablet Only */
599
599
  .ui.two.doubling.cards {
600
600
  margin-left: 0em;
@@ -674,7 +674,7 @@
674
674
  Stackable
675
675
  --------------------*/
676
676
 
677
- @media only screen and (max-width: 767px) {
677
+ @media (width <= 767px) {
678
678
  .ui.stackable.cards {
679
679
  display: block !important;
680
680
  }
@@ -0,0 +1,241 @@
1
+ /*!
2
+ * # Semantic UI 2.4.1 - Accordion
3
+ * http://github.com/semantic-org/semantic-ui/
4
+ *
5
+ *
6
+ * Released under the MIT license
7
+ * http://opensource.org/licenses/MIT
8
+ *
9
+ */
10
+
11
+
12
+ /*******************************
13
+ Accordion
14
+ *******************************/
15
+
16
+ .ui.accordion,
17
+ .ui.accordion .accordion {
18
+ max-width: 100%;
19
+ }
20
+ .ui.accordion .accordion {
21
+ margin: 1em 0em 0em;
22
+ padding: 0em;
23
+ }
24
+
25
+ /* Title */
26
+ .ui.accordion .title,
27
+ .ui.accordion .accordion .title {
28
+ cursor: pointer;
29
+ }
30
+
31
+ /* Default Styling */
32
+ .ui.accordion .title:not(.ui) {
33
+ padding: 0.5em 0em;
34
+ font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;
35
+ font-size: 1em;
36
+ color: rgb(0 0 0 / 87%);
37
+ }
38
+
39
+ /* Content */
40
+ .ui.accordion .title ~ .content,
41
+ .ui.accordion .accordion .title ~ .content {
42
+ display: none;
43
+ }
44
+
45
+ /* Default Styling */
46
+ .ui.accordion:not(.styled) .title ~ .content:not(.ui),
47
+ .ui.accordion:not(.styled) .accordion .title ~ .content:not(.ui) {
48
+ margin: '';
49
+ padding: 0.5em 0em 1em;
50
+ }
51
+ .ui.accordion:not(.styled) .title ~ .content:not(.ui):last-child {
52
+ padding-bottom: 0em;
53
+ }
54
+
55
+ /*--------------
56
+ Coupling
57
+ ---------------*/
58
+
59
+
60
+ /* Menu */
61
+ .ui.accordion.menu .item .title {
62
+ display: block;
63
+ padding: 0em;
64
+ }
65
+ .ui.accordion.menu .item .title > .dropdown.icon {
66
+ float: right;
67
+ margin: 0.2142em 0em 0em 1em;
68
+ transform: rotate(180deg);
69
+ }
70
+
71
+ /* Header */
72
+ .ui.accordion .ui.header .dropdown.icon {
73
+ font-size: 1em;
74
+ margin: 0em 0.25rem 0em 0rem;
75
+ }
76
+
77
+
78
+ /*******************************
79
+ States
80
+ *******************************/
81
+
82
+ .ui.accordion .active.title .dropdown.icon,
83
+ .ui.accordion .accordion .active.title .dropdown.icon {
84
+ transform: rotate(90deg);
85
+ }
86
+ .ui.accordion.menu .item .active.title > .dropdown.icon {
87
+ transform: rotate(90deg);
88
+ }
89
+
90
+
91
+ /*******************************
92
+ Types
93
+ *******************************/
94
+
95
+
96
+ /*--------------
97
+ Styled
98
+ ---------------*/
99
+
100
+ .ui.styled.accordion {
101
+ width: 600px;
102
+ }
103
+ .ui.styled.accordion,
104
+ .ui.styled.accordion .accordion {
105
+ border-radius: 0.2857rem;
106
+ background: #FFFFFF;
107
+ box-shadow: 0px 1px 2px 0 rgb(34 36 38 / 15%), 0px 0px 0px 1px rgb(34 36 38 / 15%);
108
+ }
109
+ .ui.styled.accordion .title,
110
+ .ui.styled.accordion .accordion .title {
111
+ margin: 0em;
112
+ padding: 0.75em 1em;
113
+ color: rgb(0 0 0 / 40%);
114
+ font-weight: bold;
115
+ border-top: 1px solid rgb(34 36 38 / 15%);
116
+ transition: background 0.1s ease, color 0.1s ease;
117
+ }
118
+ .ui.styled.accordion > .title:first-child,
119
+ .ui.styled.accordion .accordion .title:first-child {
120
+ border-top: none;
121
+ }
122
+
123
+ /* Content */
124
+ .ui.styled.accordion .content,
125
+ .ui.styled.accordion .accordion .content {
126
+ margin: 0em;
127
+ padding: 0.5em 1em 1.5em;
128
+ }
129
+ .ui.styled.accordion .accordion .content {
130
+ padding: 0em;
131
+ padding: 0.5em 1em 1.5em;
132
+ }
133
+
134
+ /* Hover */
135
+ .ui.styled.accordion .title:hover,
136
+ .ui.styled.accordion .active.title,
137
+ .ui.styled.accordion .accordion .title:hover,
138
+ .ui.styled.accordion .accordion .active.title {
139
+ background: transparent;
140
+ color: rgb(0 0 0 / 87%);
141
+ }
142
+ .ui.styled.accordion .accordion .title:hover,
143
+ .ui.styled.accordion .accordion .active.title {
144
+ background: transparent;
145
+ color: rgb(0 0 0 / 87%);
146
+ }
147
+
148
+ /* Active */
149
+ .ui.styled.accordion .active.title {
150
+ background: transparent;
151
+ color: rgb(0 0 0 / 95%);
152
+ }
153
+ .ui.styled.accordion .accordion .active.title {
154
+ background: transparent;
155
+ color: rgb(0 0 0 / 95%);
156
+ }
157
+
158
+
159
+ /*******************************
160
+ States
161
+ *******************************/
162
+
163
+
164
+ /*--------------
165
+ Active
166
+ ---------------*/
167
+
168
+ .ui.accordion .active.content,
169
+ .ui.accordion .accordion .active.content {
170
+ display: block;
171
+ }
172
+
173
+
174
+ /*******************************
175
+ Variations
176
+ *******************************/
177
+
178
+
179
+ /*--------------
180
+ Fluid
181
+ ---------------*/
182
+
183
+ .ui.fluid.accordion,
184
+ .ui.fluid.accordion .accordion {
185
+ width: 100%;
186
+ }
187
+
188
+ /*--------------
189
+ Inverted
190
+ ---------------*/
191
+
192
+ .ui.inverted.accordion .title:not(.ui) {
193
+ color: rgb(255 255 255 / 90%);
194
+ }
195
+
196
+
197
+ /*******************************
198
+ Theme Overrides
199
+ *******************************/
200
+
201
+ @font-face {
202
+ font-family: Accordion;
203
+ src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfOIKAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zryj6HgAAAFwAAAAyGhlYWT/0IhHAAACOAAAADZoaGVhApkB5wAAAnAAAAAkaG10eAJuABIAAAKUAAAAGGxvY2EAjABWAAACrAAAAA5tYXhwAAgAFgAAArwAAAAgbmFtZfC1n04AAALcAAABPHBvc3QAAwAAAAAEGAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDZ//3//wAB/+MPKwADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQASAEkAtwFuABMAADc0PwE2FzYXFh0BFAcGJwYvASY1EgaABQgHBQYGBQcIBYAG2wcGfwcBAQcECf8IBAcBAQd/BgYAAAAAAQAAAEkApQFuABMAADcRNDc2MzIfARYVFA8BBiMiJyY1AAUGBwgFgAYGgAUIBwYFWwEACAUGBoAFCAcFgAYGBQcAAAABAAAAAQAAqWYls18PPPUACwIAAAAAAM/9o+4AAAAAz/2j7gAAAAAAtwFuAAAACAACAAAAAAAAAAEAAAHg/+AAAAIAAAAAAAC3AAEAAAAAAAAAAAAAAAAAAAAGAAAAAAAAAAAAAAAAAQAAAAC3ABIAtwAAAAAAAAAKABQAHgBCAGQAAAABAAAABgAUAAEAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADAAAAAEAAAAAAAIADgBAAAEAAAAAAAMADAAiAAEAAAAAAAQADABOAAEAAAAAAAUAFgAMAAEAAAAAAAYABgAuAAEAAAAAAAoANABaAAMAAQQJAAEADAAAAAMAAQQJAAIADgBAAAMAAQQJAAMADAAiAAMAAQQJAAQADABOAAMAAQQJAAUAFgAMAAMAAQQJAAYADAA0AAMAAQQJAAoANABaAHIAYQB0AGkAbgBnAFYAZQByAHMAaQBvAG4AIAAxAC4AMAByAGEAdABpAG4AZ3JhdGluZwByAGEAdABpAG4AZwBSAGUAZwB1AGwAYQByAHIAYQB0AGkAbgBnAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA") format('truetype'), url("data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAASwAAoAAAAABGgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAS0AAAEtFpovuE9TLzIAAAIkAAAAYAAAAGAIIweQY21hcAAAAoQAAABMAAAATA984gpnYXNwAAAC0AAAAAgAAAAIAAAAEGhlYWQAAALYAAAANgAAADb/0IhHaGhlYQAAAxAAAAAkAAAAJAKZAedobXR4AAADNAAAABgAAAAYAm4AEm1heHAAAANMAAAABgAAAAYABlAAbmFtZQAAA1QAAAE8AAABPPC1n05wb3N0AAAEkAAAACAAAAAgAAMAAAEABAQAAQEBB3JhdGluZwABAgABADr4HAL4GwP4GAQeCgAZU/+Lix4KABlT/4uLDAeLa/iU+HQFHQAAAHkPHQAAAH4RHQAAAAkdAAABJBIABwEBBw0PERQZHnJhdGluZ3JhdGluZ3UwdTF1MjB1RjBEOXVGMERBAAACAYkABAAGAQEEBwoNVp38lA78lA78lA77lA773Z33bxWLkI2Qj44I9xT3FAWOj5CNkIuQi4+JjoePiI2Gi4YIi/uUBYuGiYeHiIiHh4mGi4aLho2Ijwj7FPcUBYeOiY+LkAgO+92L5hWL95QFi5CNkI6Oj4+PjZCLkIuQiY6HCPcU+xQFj4iNhouGi4aJh4eICPsU+xQFiIeGiYaLhouHjYePiI6Jj4uQCA74lBT4lBWLDAoAAAAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDZ//3//wAB/+MPKwADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAEAADfYOJZfDzz1AAsCAAAAAADP/aPuAAAAAM/9o+4AAAAAALcBbgAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAAAtwABAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAEAAAAAtwASALcAAAAAUAAABgAAAAAADgCuAAEAAAAAAAEADAAAAAEAAAAAAAIADgBAAAEAAAAAAAMADAAiAAEAAAAAAAQADABOAAEAAAAAAAUAFgAMAAEAAAAAAAYABgAuAAEAAAAAAAoANABaAAMAAQQJAAEADAAAAAMAAQQJAAIADgBAAAMAAQQJAAMADAAiAAMAAQQJAAQADABOAAMAAQQJAAUAFgAMAAMAAQQJAAYADAA0AAMAAQQJAAoANABaAHIAYQB0AGkAbgBnAFYAZQByAHMAaQBvAG4AIAAxAC4AMAByAGEAdABpAG4AZ3JhdGluZwByAGEAdABpAG4AZwBSAGUAZwB1AGwAYQByAHIAYQB0AGkAbgBnAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA") format('woff');
204
+ font-weight: normal;
205
+ font-style: normal;
206
+ }
207
+
208
+ /* Dropdown Icon */
209
+ /* Arrow */
210
+ .ui.accordion .title .dropdown.icon,
211
+ .ui.accordion .accordion .title .dropdown.icon {
212
+ display: inline-block;
213
+ float: none;
214
+ opacity: 1;
215
+ width: 1.25em;
216
+ height: 1em;
217
+ margin: 0em 0.25rem 0em 0rem;
218
+ padding: 0em;
219
+ font-size: 1em;
220
+ transition: transform 0.1s ease, opacity 0.1s ease;
221
+ vertical-align: baseline;
222
+ transform: none;
223
+ /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
224
+ font-family: Accordion;
225
+ line-height: 1;
226
+ backface-visibility: hidden;
227
+ font-weight: normal;
228
+ font-style: normal;
229
+ text-align: center;
230
+ }
231
+
232
+ .ui.accordion .title .dropdown.icon::before,
233
+ .ui.accordion .accordion .title .dropdown.icon::before {
234
+ content: '\f0da' /*rtl:'\f0d9'*/;
235
+ }
236
+
237
+
238
+ /*******************************
239
+ User Overrides
240
+ *******************************/
241
+