@ulu/frontend 0.1.0-beta.17 → 0.1.0-beta.19

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 (149) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/dist/ulu-frontend.min.css +1 -1
  3. package/dist/ulu-frontend.min.js +15 -15
  4. package/docs-dev/changelog/index.html +136 -0
  5. package/docs-dev/demos/accordion/index.html +60 -0
  6. package/docs-dev/demos/button/index.html +60 -0
  7. package/docs-dev/demos/callout/index.html +60 -0
  8. package/docs-dev/demos/captioned-figure/index.html +60 -0
  9. package/docs-dev/demos/card/index.html +60 -0
  10. package/docs-dev/demos/css-icons/index.html +60 -0
  11. package/docs-dev/demos/data-grid/index.html +60 -0
  12. package/docs-dev/demos/data-table/index.html +85 -25
  13. package/docs-dev/demos/details-group/index.html +4867 -0
  14. package/docs-dev/demos/file-save/index.html +60 -0
  15. package/docs-dev/demos/flipcard/index.html +60 -0
  16. package/docs-dev/demos/form-theme/index.html +60 -0
  17. package/docs-dev/demos/index.html +60 -0
  18. package/docs-dev/demos/list-inline/index.html +60 -0
  19. package/docs-dev/demos/list-lines/index.html +60 -0
  20. package/docs-dev/demos/menu-stack/index.html +60 -0
  21. package/docs-dev/demos/modals/index.html +60 -0
  22. package/docs-dev/demos/nav-strip/index.html +60 -0
  23. package/docs-dev/demos/overlay-section/index.html +60 -0
  24. package/docs-dev/demos/popovers/index.html +60 -0
  25. package/docs-dev/demos/print/index.html +60 -0
  26. package/docs-dev/demos/pull-quote/index.html +60 -0
  27. package/docs-dev/demos/rule/index.html +60 -0
  28. package/docs-dev/demos/scrollpoints/index.html +60 -0
  29. package/docs-dev/demos/spoke-spinner/index.html +60 -0
  30. package/docs-dev/demos/tabs/index.html +60 -0
  31. package/docs-dev/demos/tag/index.html +60 -0
  32. package/docs-dev/demos/tiles/index.html +60 -0
  33. package/docs-dev/demos/tooltip/index.html +60 -0
  34. package/docs-dev/guide/building-stylesheet/index.html +60 -0
  35. package/docs-dev/guide/developing-ulu-scss-module/index.html +60 -0
  36. package/docs-dev/guide/index.html +60 -0
  37. package/docs-dev/index.html +60 -0
  38. package/docs-dev/javascript/events/index.html +60 -0
  39. package/docs-dev/javascript/index.html +60 -0
  40. package/docs-dev/javascript/settings/index.html +60 -0
  41. package/docs-dev/javascript/ui-breakpoints/index.html +60 -0
  42. package/docs-dev/javascript/ui-collapsible/index.html +60 -0
  43. package/docs-dev/javascript/ui-details-group/index.html +4967 -0
  44. package/docs-dev/javascript/ui-dialog/index.html +60 -0
  45. package/docs-dev/javascript/ui-flipcard/index.html +60 -0
  46. package/docs-dev/javascript/ui-grid/index.html +60 -0
  47. package/docs-dev/javascript/ui-modal-builder/index.html +60 -0
  48. package/docs-dev/javascript/ui-overflow-scroller/index.html +60 -0
  49. package/docs-dev/javascript/ui-overflow-scroller-pager/index.html +60 -0
  50. package/docs-dev/javascript/ui-page/index.html +60 -0
  51. package/docs-dev/javascript/ui-popover/index.html +60 -0
  52. package/docs-dev/javascript/ui-print/index.html +60 -0
  53. package/docs-dev/javascript/ui-print-details/index.html +60 -0
  54. package/docs-dev/javascript/ui-programmatic-modal/index.html +60 -0
  55. package/docs-dev/javascript/ui-proxy-click/index.html +60 -0
  56. package/docs-dev/javascript/ui-resizer/index.html +60 -0
  57. package/docs-dev/javascript/ui-scroll-slider/index.html +60 -0
  58. package/docs-dev/javascript/ui-scrollpoint/index.html +60 -0
  59. package/docs-dev/javascript/ui-slider/index.html +60 -0
  60. package/docs-dev/javascript/ui-tabs/index.html +60 -0
  61. package/docs-dev/javascript/ui-tooltip/index.html +60 -0
  62. package/docs-dev/javascript/utils-class-logger/index.html +60 -0
  63. package/docs-dev/javascript/utils-dom/index.html +60 -0
  64. package/docs-dev/javascript/utils-file-save/index.html +60 -0
  65. package/docs-dev/javascript/utils-floating-ui/index.html +60 -0
  66. package/docs-dev/javascript/utils-id/index.html +60 -0
  67. package/docs-dev/javascript/utils-pause-youtube-video/index.html +60 -0
  68. package/docs-dev/sass/base/color/index.html +60 -0
  69. package/docs-dev/sass/base/elements/index.html +60 -0
  70. package/docs-dev/sass/base/index/index.html +60 -0
  71. package/docs-dev/sass/base/index.html +60 -0
  72. package/docs-dev/sass/base/keyframes/index.html +60 -0
  73. package/docs-dev/sass/base/layout/index.html +60 -0
  74. package/docs-dev/sass/base/normalize/index.html +60 -0
  75. package/docs-dev/sass/base/print/index.html +60 -0
  76. package/docs-dev/sass/base/root/index.html +60 -0
  77. package/docs-dev/sass/base/typography/index.html +60 -0
  78. package/docs-dev/sass/components/accordion/index.html +60 -0
  79. package/docs-dev/sass/components/adaptive-spacing/index.html +60 -0
  80. package/docs-dev/sass/components/badge/index.html +60 -0
  81. package/docs-dev/sass/components/button/index.html +60 -0
  82. package/docs-dev/sass/components/button-verbose/index.html +61 -1
  83. package/docs-dev/sass/components/callout/index.html +60 -0
  84. package/docs-dev/sass/components/captioned-figure/index.html +60 -0
  85. package/docs-dev/sass/components/card/index.html +60 -0
  86. package/docs-dev/sass/components/card-grid/index.html +60 -0
  87. package/docs-dev/sass/components/css-icon/index.html +60 -0
  88. package/docs-dev/sass/components/data-grid/index.html +60 -0
  89. package/docs-dev/sass/components/data-table/index.html +60 -0
  90. package/docs-dev/sass/components/fill-context/index.html +60 -0
  91. package/docs-dev/sass/components/flipcard/index.html +60 -0
  92. package/docs-dev/sass/components/flipcard-grid/index.html +60 -0
  93. package/docs-dev/sass/components/form-theme/index.html +60 -0
  94. package/docs-dev/sass/components/hero/index.html +60 -0
  95. package/docs-dev/sass/components/horizontal-rule/index.html +60 -0
  96. package/docs-dev/sass/components/image-grid/index.html +60 -0
  97. package/docs-dev/sass/components/index/index.html +60 -0
  98. package/docs-dev/sass/components/index.html +60 -0
  99. package/docs-dev/sass/components/links/index.html +60 -0
  100. package/docs-dev/sass/components/list-inline/index.html +60 -0
  101. package/docs-dev/sass/components/list-lines/index.html +60 -0
  102. package/docs-dev/sass/components/list-ordered/index.html +60 -0
  103. package/docs-dev/sass/components/list-unordered/index.html +60 -0
  104. package/docs-dev/sass/components/menu-stack/index.html +60 -0
  105. package/docs-dev/sass/components/modal/index.html +60 -0
  106. package/docs-dev/sass/components/nav-strip/index.html +60 -0
  107. package/docs-dev/sass/components/overlay-section/index.html +60 -0
  108. package/docs-dev/sass/components/pager/index.html +60 -0
  109. package/docs-dev/sass/components/placeholder-block/index.html +60 -0
  110. package/docs-dev/sass/components/popover/index.html +60 -0
  111. package/docs-dev/sass/components/pull-quote/index.html +60 -0
  112. package/docs-dev/sass/components/ratio-box/index.html +60 -0
  113. package/docs-dev/sass/components/rule/index.html +60 -0
  114. package/docs-dev/sass/components/scroll-slider/index.html +60 -0
  115. package/docs-dev/sass/components/skip-link/index.html +60 -0
  116. package/docs-dev/sass/components/slider/index.html +60 -0
  117. package/docs-dev/sass/components/spoke-spinner/index.html +60 -0
  118. package/docs-dev/sass/components/tabs/index.html +60 -0
  119. package/docs-dev/sass/components/tag/index.html +60 -0
  120. package/docs-dev/sass/components/tile-button/index.html +60 -0
  121. package/docs-dev/sass/components/tile-grid/index.html +60 -0
  122. package/docs-dev/sass/components/tile-grid-overlay/index.html +60 -0
  123. package/docs-dev/sass/components/vignette/index.html +60 -0
  124. package/docs-dev/sass/components/wysiwyg/index.html +60 -0
  125. package/docs-dev/sass/core/breakpoint/index.html +60 -0
  126. package/docs-dev/sass/core/button/index.html +60 -0
  127. package/docs-dev/sass/core/color/index.html +60 -0
  128. package/docs-dev/sass/core/cssvar/index.html +60 -0
  129. package/docs-dev/sass/core/element/index.html +60 -0
  130. package/docs-dev/sass/core/index.html +60 -0
  131. package/docs-dev/sass/core/layout/index.html +60 -0
  132. package/docs-dev/sass/core/path/index.html +60 -0
  133. package/docs-dev/sass/core/selector/index.html +60 -0
  134. package/docs-dev/sass/core/typography/index.html +60 -0
  135. package/docs-dev/sass/core/units/index.html +60 -0
  136. package/docs-dev/sass/core/utils/index.html +60 -0
  137. package/docs-dev/sass/helpers/color/index.html +60 -0
  138. package/docs-dev/sass/helpers/display/index.html +60 -0
  139. package/docs-dev/sass/helpers/index/index.html +60 -0
  140. package/docs-dev/sass/helpers/index.html +60 -0
  141. package/docs-dev/sass/helpers/print/index.html +60 -0
  142. package/docs-dev/sass/helpers/typography/index.html +60 -0
  143. package/docs-dev/sass/helpers/units/index.html +60 -0
  144. package/docs-dev/sass/helpers/utilities/index.html +60 -0
  145. package/docs-dev/sass/index.html +60 -0
  146. package/js/ui/details-group.js +121 -0
  147. package/js/ui/index.js +1 -0
  148. package/package.json +1 -1
  149. package/scss/components/_button-verbose.scss +1 -0
package/docs-dev/demos/details-group/index.html ADDED
@@ -0,0 +1,4867 @@
1
+ <!doctype html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="utf-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>
7
+ Details Group
8
+ </title>
9
+ <meta name="description" content="Modular Sass Theming Library">
10
+ <meta name="generator" content="Eleventy v3.0.0">
11
+
12
+ <link rel="apple-touch-icon" sizes="180x180" href="/frontend/assets/favicons/apple-touch-icon.png">
13
+ <link rel="icon" type="image/png" sizes="32x32" href="/frontend/assets/favicons/favicon-32x32.png">
14
+ <link rel="icon" type="image/png" sizes="16x16" href="/frontend/assets/favicons/favicon-16x16.png">
15
+ <link rel="manifest" href="/frontend/assets/favicons/site.webmanifest">
16
+ <link rel="mask-icon" href="/frontend/assets/favicons/safari-pinned-tab.svg" color="#8455bd">
17
+ <link rel="shortcut icon" href="/frontend/assets/favicons/favicon.ico">
18
+ <meta name="msapplication-TileColor" content="#603cba">
19
+ <meta name="msapplication-config" content="/assets/favicons/browserconfig.xml">
20
+ <meta name="theme-color" content="#ffffff">
21
+
22
+
23
+
24
+ <link rel="stylesheet" href="/frontend/assets/fonts/inter/inter.css">
25
+
26
+
27
+
28
+
29
+
30
+
31
+
32
+
33
+ </head>
34
+ <body class="page theme-light" data-site-theme="">
35
+
36
+
37
+
38
+ <header class="page__header header">
39
+ <a href="#main" class="skip-link hidden-visually-focusable">
40
+ Skip to main content
41
+ </a>
42
+ <div class="header__main">
43
+ <a class="header__logo" href="/frontend/">
44
+ <div class="logo">
45
+ <span class="logo__main">Ulu</span>
46
+ <span class="logo__subtitle">Frontend</span>
47
+ </div>
48
+ </a>
49
+ <button class="header__mobile-toggle hidden-min-medium button button--icon button--secondary" data-ulu-dialog-trigger="mobile-menu" aria-label="Open Menu">
50
+ <span class="fas fa-bars" aria-hidden="true"></span>
51
+ </button>
52
+ </div>
53
+ <nav class="header__nav">
54
+ <h2 class="hidden-visually">Main Menu</h2>
55
+ <div class="header__nav-links">
56
+ <button class="button button--small button--icon button--icon-small" data-site-theme-toggle=""><span class="fas fa-moon" data-site-theme-toggle-icon=""></span></button>
57
+ <a class="button button--small button--icon button--icon-small" href="https://www.npmjs.com/package/@ulu/frontend" aria-label="View on Github">
58
+ <span class="fab fa-github" aria-hidden="true"></span>
59
+ </a>
60
+ <a class="button button--small button--icon button--icon-small" href="https://www.npmjs.com/package/@ulu/frontend">
61
+
62
+ <span class="fab fa-npm" aria-hidden="true"></span>
63
+ </a>
64
+ </div>
65
+ <div class="header__nav-menu">
66
+
67
+ <ul class="nav-tree" data-menu-depth="1">
68
+
69
+
70
+ <li class="nav-tree__item ">
71
+ <details class="nav-tree__collapsible">
72
+ <summary class="nav-tree__toggle">
73
+
74
+ <span class="nav-tree__toggle-content">
75
+
76
+
77
+ <span class="nav-tree__icon fas fa-book" aria-hidden="true"></span>
78
+
79
+ <span class="nav-tree__text">
80
+ Guide
81
+ </span>
82
+
83
+ </span>
84
+ <span class="nav-tree__toggle-icon fas fa-chevron-down" aria-hidden="true"></span>
85
+
86
+ </summary>
87
+
88
+ <ul class="nav-tree" data-menu-depth="2">
89
+
90
+
91
+ <li class="nav-tree__item ">
92
+
93
+ <a class="nav-tree__link " href="/frontend/guide/building-stylesheet/">
94
+
95
+
96
+ <span class="nav-tree__text">
97
+ Building a Stylesheet
98
+ </span>
99
+
100
+ </a>
101
+
102
+
103
+ </li>
104
+
105
+
106
+ <li class="nav-tree__item ">
107
+
108
+ <a class="nav-tree__link " href="/frontend/guide/developing-ulu-scss-module/">
109
+
110
+
111
+ <span class="nav-tree__text">
112
+ Developing Ulu SCSS Module
113
+ </span>
114
+
115
+ </a>
116
+
117
+
118
+ </li>
119
+
120
+ </ul>
121
+
122
+ </details>
123
+ </li>
124
+
125
+
126
+ <li class="nav-tree__item is-active-trail ">
127
+ <details class="nav-tree__collapsible" open="">
128
+ <summary class="nav-tree__toggle">
129
+
130
+ <span class="nav-tree__toggle-content">
131
+
132
+
133
+ <span class="nav-tree__icon fas fa-vial" aria-hidden="true"></span>
134
+
135
+ <span class="nav-tree__text">
136
+ Demos
137
+ </span>
138
+
139
+ </span>
140
+ <span class="nav-tree__toggle-icon fas fa-chevron-down" aria-hidden="true"></span>
141
+
142
+ </summary>
143
+
144
+ <ul class="nav-tree" data-menu-depth="2">
145
+
146
+
147
+ <li class="nav-tree__item ">
148
+
149
+ <a class="nav-tree__link " href="/frontend/demos/accordion/">
150
+
151
+
152
+ <span class="nav-tree__text">
153
+ Accordion
154
+ </span>
155
+
156
+ </a>
157
+
158
+
159
+ </li>
160
+
161
+
162
+ <li class="nav-tree__item ">
163
+
164
+ <a class="nav-tree__link " href="/frontend/demos/button/">
165
+
166
+
167
+ <span class="nav-tree__text">
168
+ Button
169
+ </span>
170
+
171
+ </a>
172
+
173
+
174
+ </li>
175
+
176
+
177
+ <li class="nav-tree__item ">
178
+
179
+ <a class="nav-tree__link " href="/frontend/demos/callout/">
180
+
181
+
182
+ <span class="nav-tree__text">
183
+ Callout
184
+ </span>
185
+
186
+ </a>
187
+
188
+
189
+ </li>
190
+
191
+
192
+ <li class="nav-tree__item ">
193
+
194
+ <a class="nav-tree__link " href="/frontend/demos/captioned-figure/">
195
+
196
+
197
+ <span class="nav-tree__text">
198
+ Captioned Figure
199
+ </span>
200
+
201
+ </a>
202
+
203
+
204
+ </li>
205
+
206
+
207
+ <li class="nav-tree__item ">
208
+
209
+ <a class="nav-tree__link " href="/frontend/demos/card/">
210
+
211
+
212
+ <span class="nav-tree__text">
213
+ Card
214
+ </span>
215
+
216
+ </a>
217
+
218
+
219
+ </li>
220
+
221
+
222
+ <li class="nav-tree__item ">
223
+
224
+ <a class="nav-tree__link " href="/frontend/demos/css-icons/">
225
+
226
+
227
+ <span class="nav-tree__text">
228
+ CSS Icons
229
+ </span>
230
+
231
+ </a>
232
+
233
+
234
+ </li>
235
+
236
+
237
+ <li class="nav-tree__item ">
238
+
239
+ <a class="nav-tree__link " href="/frontend/demos/data-grid/">
240
+
241
+
242
+ <span class="nav-tree__text">
243
+ Data grid
244
+ </span>
245
+
246
+ </a>
247
+
248
+
249
+ </li>
250
+
251
+
252
+ <li class="nav-tree__item ">
253
+
254
+ <a class="nav-tree__link " href="/frontend/demos/data-table/">
255
+
256
+
257
+ <span class="nav-tree__text">
258
+ Data Table
259
+ </span>
260
+
261
+ </a>
262
+
263
+
264
+ </li>
265
+
266
+
267
+ <li class="nav-tree__item is-active is-active-trail ">
268
+
269
+ <a class="nav-tree__link is-active is-active-trail" href="/frontend/demos/details-group/" aria-current="page">
270
+
271
+
272
+ <span class="nav-tree__text">
273
+ Details Group
274
+ </span>
275
+
276
+ </a>
277
+
278
+
279
+ </li>
280
+
281
+
282
+ <li class="nav-tree__item ">
283
+
284
+ <a class="nav-tree__link " href="/frontend/demos/file-save/">
285
+
286
+
287
+ <span class="nav-tree__text">
288
+ File Save
289
+ </span>
290
+
291
+ </a>
292
+
293
+
294
+ </li>
295
+
296
+
297
+ <li class="nav-tree__item ">
298
+
299
+ <a class="nav-tree__link " href="/frontend/demos/flipcard/">
300
+
301
+
302
+ <span class="nav-tree__text">
303
+ Flip Card
304
+ </span>
305
+
306
+ </a>
307
+
308
+
309
+ </li>
310
+
311
+
312
+ <li class="nav-tree__item ">
313
+
314
+ <a class="nav-tree__link " href="/frontend/demos/form-theme/">
315
+
316
+
317
+ <span class="nav-tree__text">
318
+ Form Theme
319
+ </span>
320
+
321
+ </a>
322
+
323
+
324
+ </li>
325
+
326
+
327
+ <li class="nav-tree__item ">
328
+
329
+ <a class="nav-tree__link " href="/frontend/demos/hero/">
330
+
331
+
332
+ <span class="nav-tree__text">
333
+ Hero
334
+ </span>
335
+
336
+ </a>
337
+
338
+
339
+ </li>
340
+
341
+
342
+ <li class="nav-tree__item ">
343
+
344
+ <a class="nav-tree__link " href="/frontend/demos/image-grid/">
345
+
346
+
347
+ <span class="nav-tree__text">
348
+ Image Grid
349
+ </span>
350
+
351
+ </a>
352
+
353
+
354
+ </li>
355
+
356
+
357
+ <li class="nav-tree__item ">
358
+
359
+ <a class="nav-tree__link " href="/frontend/demos/list-inline/">
360
+
361
+
362
+ <span class="nav-tree__text">
363
+ List Inline
364
+ </span>
365
+
366
+ </a>
367
+
368
+
369
+ </li>
370
+
371
+
372
+ <li class="nav-tree__item ">
373
+
374
+ <a class="nav-tree__link " href="/frontend/demos/list-lines/">
375
+
376
+
377
+ <span class="nav-tree__text">
378
+ List Lines
379
+ </span>
380
+
381
+ </a>
382
+
383
+
384
+ </li>
385
+
386
+
387
+ <li class="nav-tree__item ">
388
+
389
+ <a class="nav-tree__link " href="/frontend/demos/menu-stack/">
390
+
391
+
392
+ <span class="nav-tree__text">
393
+ Menu Stack
394
+ </span>
395
+
396
+ </a>
397
+
398
+
399
+ </li>
400
+
401
+
402
+ <li class="nav-tree__item ">
403
+
404
+ <a class="nav-tree__link " href="/frontend/demos/modals/">
405
+
406
+
407
+ <span class="nav-tree__text">
408
+ Modals
409
+ </span>
410
+
411
+ </a>
412
+
413
+
414
+ </li>
415
+
416
+
417
+ <li class="nav-tree__item ">
418
+
419
+ <a class="nav-tree__link " href="/frontend/demos/nav-strip/">
420
+
421
+
422
+ <span class="nav-tree__text">
423
+ Nav Strip
424
+ </span>
425
+
426
+ </a>
427
+
428
+
429
+ </li>
430
+
431
+
432
+ <li class="nav-tree__item ">
433
+
434
+ <a class="nav-tree__link " href="/frontend/demos/overlay-section/">
435
+
436
+
437
+ <span class="nav-tree__text">
438
+ Overlay Section
439
+ </span>
440
+
441
+ </a>
442
+
443
+
444
+ </li>
445
+
446
+
447
+ <li class="nav-tree__item ">
448
+
449
+ <a class="nav-tree__link " href="/frontend/demos/popovers/">
450
+
451
+
452
+ <span class="nav-tree__text">
453
+ Popovers
454
+ </span>
455
+
456
+ </a>
457
+
458
+
459
+ </li>
460
+
461
+
462
+ <li class="nav-tree__item ">
463
+
464
+ <a class="nav-tree__link " href="/frontend/demos/print/">
465
+
466
+
467
+ <span class="nav-tree__text">
468
+ Print
469
+ </span>
470
+
471
+ </a>
472
+
473
+
474
+ </li>
475
+
476
+
477
+ <li class="nav-tree__item ">
478
+
479
+ <a class="nav-tree__link " href="/frontend/demos/pull-quote/">
480
+
481
+
482
+ <span class="nav-tree__text">
483
+ Pull Quote
484
+ </span>
485
+
486
+ </a>
487
+
488
+
489
+ </li>
490
+
491
+
492
+ <li class="nav-tree__item ">
493
+
494
+ <a class="nav-tree__link " href="/frontend/demos/rule/">
495
+
496
+
497
+ <span class="nav-tree__text">
498
+ Rule
499
+ </span>
500
+
501
+ </a>
502
+
503
+
504
+ </li>
505
+
506
+
507
+ <li class="nav-tree__item ">
508
+
509
+ <a class="nav-tree__link " href="/frontend/demos/scroll-slider/">
510
+
511
+
512
+ <span class="nav-tree__text">
513
+ Scroll Slider
514
+ </span>
515
+
516
+ </a>
517
+
518
+
519
+ </li>
520
+
521
+
522
+ <li class="nav-tree__item ">
523
+
524
+ <a class="nav-tree__link " href="/frontend/demos/scrollpoints/">
525
+
526
+
527
+ <span class="nav-tree__text">
528
+ Scrollpoints
529
+ </span>
530
+
531
+ </a>
532
+
533
+
534
+ </li>
535
+
536
+
537
+ <li class="nav-tree__item ">
538
+
539
+ <a class="nav-tree__link " href="/frontend/demos/slider/">
540
+
541
+
542
+ <span class="nav-tree__text">
543
+ Slider
544
+ </span>
545
+
546
+ </a>
547
+
548
+
549
+ </li>
550
+
551
+
552
+ <li class="nav-tree__item ">
553
+
554
+ <a class="nav-tree__link " href="/frontend/demos/spoke-spinner/">
555
+
556
+
557
+ <span class="nav-tree__text">
558
+ Spoke Spinner
559
+ </span>
560
+
561
+ </a>
562
+
563
+
564
+ </li>
565
+
566
+
567
+ <li class="nav-tree__item ">
568
+
569
+ <a class="nav-tree__link " href="/frontend/demos/tabs/">
570
+
571
+
572
+ <span class="nav-tree__text">
573
+ Tabs
574
+ </span>
575
+
576
+ </a>
577
+
578
+
579
+ </li>
580
+
581
+
582
+ <li class="nav-tree__item ">
583
+
584
+ <a class="nav-tree__link " href="/frontend/demos/tag/">
585
+
586
+
587
+ <span class="nav-tree__text">
588
+ Tag
589
+ </span>
590
+
591
+ </a>
592
+
593
+
594
+ </li>
595
+
596
+
597
+ <li class="nav-tree__item ">
598
+
599
+ <a class="nav-tree__link " href="/frontend/demos/tile-grid-overlay/">
600
+
601
+
602
+ <span class="nav-tree__text">
603
+ Tile Grid Overlay
604
+ </span>
605
+
606
+ </a>
607
+
608
+
609
+ </li>
610
+
611
+
612
+ <li class="nav-tree__item ">
613
+
614
+ <a class="nav-tree__link " href="/frontend/demos/tiles/">
615
+
616
+
617
+ <span class="nav-tree__text">
618
+ Tiles
619
+ </span>
620
+
621
+ </a>
622
+
623
+
624
+ </li>
625
+
626
+
627
+ <li class="nav-tree__item ">
628
+
629
+ <a class="nav-tree__link " href="/frontend/demos/tooltip/">
630
+
631
+
632
+ <span class="nav-tree__text">
633
+ Tooltip
634
+ </span>
635
+
636
+ </a>
637
+
638
+
639
+ </li>
640
+
641
+ </ul>
642
+
643
+ </details>
644
+ </li>
645
+
646
+
647
+ <li class="nav-tree__item ">
648
+ <details class="nav-tree__collapsible">
649
+ <summary class="nav-tree__toggle">
650
+
651
+ <span class="nav-tree__toggle-content">
652
+
653
+
654
+ <span class="nav-tree__icon fab fa-sass" aria-hidden="true"></span>
655
+
656
+ <span class="nav-tree__text">
657
+ Sass API
658
+ </span>
659
+
660
+ </span>
661
+ <span class="nav-tree__toggle-icon fas fa-chevron-down" aria-hidden="true"></span>
662
+
663
+ </summary>
664
+
665
+ <ul class="nav-tree" data-menu-depth="2">
666
+
667
+ <li class="nav-tree__item ">
668
+
669
+ <a class="nav-tree__link nav-tree__link--index " href="/frontend/sass/">
670
+
671
+
672
+ <span class="nav-tree__text">
673
+ Introduction
674
+ </span>
675
+
676
+ </a>
677
+
678
+
679
+ </li>
680
+
681
+
682
+ <li class="nav-tree__item ">
683
+ <details class="nav-tree__collapsible">
684
+ <summary class="nav-tree__toggle">
685
+
686
+ <span class="nav-tree__toggle-content">
687
+
688
+
689
+ <span class="nav-tree__text">
690
+ Core
691
+ </span>
692
+
693
+ </span>
694
+ <span class="nav-tree__toggle-icon fas fa-chevron-down" aria-hidden="true"></span>
695
+
696
+ </summary>
697
+
698
+ <ul class="nav-tree" data-menu-depth="3">
699
+
700
+ <li class="nav-tree__item ">
701
+
702
+ <a class="nav-tree__link nav-tree__link--index " href="/frontend/sass/core/">
703
+
704
+
705
+ <span class="nav-tree__text">
706
+ Introduction
707
+ </span>
708
+
709
+ </a>
710
+
711
+
712
+ </li>
713
+
714
+
715
+ <li class="nav-tree__item ">
716
+
717
+ <a class="nav-tree__link " href="/frontend/sass/core/breakpoint/">
718
+
719
+
720
+ <span class="nav-tree__text">
721
+ Breakpoint
722
+ </span>
723
+
724
+ </a>
725
+
726
+
727
+ </li>
728
+
729
+
730
+ <li class="nav-tree__item ">
731
+
732
+ <a class="nav-tree__link " href="/frontend/sass/core/button/">
733
+
734
+
735
+ <span class="nav-tree__text">
736
+ Button
737
+ </span>
738
+
739
+ </a>
740
+
741
+
742
+ </li>
743
+
744
+
745
+ <li class="nav-tree__item ">
746
+
747
+ <a class="nav-tree__link " href="/frontend/sass/core/color/">
748
+
749
+
750
+ <span class="nav-tree__text">
751
+ Color
752
+ </span>
753
+
754
+ </a>
755
+
756
+
757
+ </li>
758
+
759
+
760
+ <li class="nav-tree__item ">
761
+
762
+ <a class="nav-tree__link " href="/frontend/sass/core/cssvar/">
763
+
764
+
765
+ <span class="nav-tree__text">
766
+ Cssvar
767
+ </span>
768
+
769
+ </a>
770
+
771
+
772
+ </li>
773
+
774
+
775
+ <li class="nav-tree__item ">
776
+
777
+ <a class="nav-tree__link " href="/frontend/sass/core/element/">
778
+
779
+
780
+ <span class="nav-tree__text">
781
+ Element
782
+ </span>
783
+
784
+ </a>
785
+
786
+
787
+ </li>
788
+
789
+
790
+ <li class="nav-tree__item ">
791
+
792
+ <a class="nav-tree__link " href="/frontend/sass/core/layout/">
793
+
794
+
795
+ <span class="nav-tree__text">
796
+ Layout
797
+ </span>
798
+
799
+ </a>
800
+
801
+
802
+ </li>
803
+
804
+
805
+ <li class="nav-tree__item ">
806
+
807
+ <a class="nav-tree__link " href="/frontend/sass/core/path/">
808
+
809
+
810
+ <span class="nav-tree__text">
811
+ Path
812
+ </span>
813
+
814
+ </a>
815
+
816
+
817
+ </li>
818
+
819
+
820
+ <li class="nav-tree__item ">
821
+
822
+ <a class="nav-tree__link " href="/frontend/sass/core/selector/">
823
+
824
+
825
+ <span class="nav-tree__text">
826
+ Selector
827
+ </span>
828
+
829
+ </a>
830
+
831
+
832
+ </li>
833
+
834
+
835
+ <li class="nav-tree__item ">
836
+
837
+ <a class="nav-tree__link " href="/frontend/sass/core/typography/">
838
+
839
+
840
+ <span class="nav-tree__text">
841
+ Typography
842
+ </span>
843
+
844
+ </a>
845
+
846
+
847
+ </li>
848
+
849
+
850
+ <li class="nav-tree__item ">
851
+
852
+ <a class="nav-tree__link " href="/frontend/sass/core/units/">
853
+
854
+
855
+ <span class="nav-tree__text">
856
+ Units
857
+ </span>
858
+
859
+ </a>
860
+
861
+
862
+ </li>
863
+
864
+
865
+ <li class="nav-tree__item ">
866
+
867
+ <a class="nav-tree__link " href="/frontend/sass/core/utils/">
868
+
869
+
870
+ <span class="nav-tree__text">
871
+ Utils
872
+ </span>
873
+
874
+ </a>
875
+
876
+
877
+ </li>
878
+
879
+ </ul>
880
+
881
+ </details>
882
+ </li>
883
+
884
+
885
+ <li class="nav-tree__item ">
886
+ <details class="nav-tree__collapsible">
887
+ <summary class="nav-tree__toggle">
888
+
889
+ <span class="nav-tree__toggle-content">
890
+
891
+
892
+ <span class="nav-tree__text">
893
+ Base
894
+ </span>
895
+
896
+ </span>
897
+ <span class="nav-tree__toggle-icon fas fa-chevron-down" aria-hidden="true"></span>
898
+
899
+ </summary>
900
+
901
+ <ul class="nav-tree" data-menu-depth="3">
902
+
903
+ <li class="nav-tree__item ">
904
+
905
+ <a class="nav-tree__link nav-tree__link--index " href="/frontend/sass/base/">
906
+
907
+
908
+ <span class="nav-tree__text">
909
+ Introduction
910
+ </span>
911
+
912
+ </a>
913
+
914
+
915
+ </li>
916
+
917
+
918
+ <li class="nav-tree__item ">
919
+
920
+ <a class="nav-tree__link " href="/frontend/sass/base/color/">
921
+
922
+
923
+ <span class="nav-tree__text">
924
+ Color
925
+ </span>
926
+
927
+ </a>
928
+
929
+
930
+ </li>
931
+
932
+
933
+ <li class="nav-tree__item ">
934
+
935
+ <a class="nav-tree__link " href="/frontend/sass/base/elements/">
936
+
937
+
938
+ <span class="nav-tree__text">
939
+ Elements
940
+ </span>
941
+
942
+ </a>
943
+
944
+
945
+ </li>
946
+
947
+
948
+ <li class="nav-tree__item ">
949
+
950
+ <a class="nav-tree__link " href="/frontend/sass/base/index/">
951
+
952
+
953
+ <span class="nav-tree__text">
954
+ Index
955
+ </span>
956
+
957
+ </a>
958
+
959
+
960
+ </li>
961
+
962
+
963
+ <li class="nav-tree__item ">
964
+
965
+ <a class="nav-tree__link " href="/frontend/sass/base/keyframes/">
966
+
967
+
968
+ <span class="nav-tree__text">
969
+ Keyframes
970
+ </span>
971
+
972
+ </a>
973
+
974
+
975
+ </li>
976
+
977
+
978
+ <li class="nav-tree__item ">
979
+
980
+ <a class="nav-tree__link " href="/frontend/sass/base/layout/">
981
+
982
+
983
+ <span class="nav-tree__text">
984
+ Layout
985
+ </span>
986
+
987
+ </a>
988
+
989
+
990
+ </li>
991
+
992
+
993
+ <li class="nav-tree__item ">
994
+
995
+ <a class="nav-tree__link " href="/frontend/sass/base/normalize/">
996
+
997
+
998
+ <span class="nav-tree__text">
999
+ Normalize
1000
+ </span>
1001
+
1002
+ </a>
1003
+
1004
+
1005
+ </li>
1006
+
1007
+
1008
+ <li class="nav-tree__item ">
1009
+
1010
+ <a class="nav-tree__link " href="/frontend/sass/base/print/">
1011
+
1012
+
1013
+ <span class="nav-tree__text">
1014
+ Print
1015
+ </span>
1016
+
1017
+ </a>
1018
+
1019
+
1020
+ </li>
1021
+
1022
+
1023
+ <li class="nav-tree__item ">
1024
+
1025
+ <a class="nav-tree__link " href="/frontend/sass/base/root/">
1026
+
1027
+
1028
+ <span class="nav-tree__text">
1029
+ Root
1030
+ </span>
1031
+
1032
+ </a>
1033
+
1034
+
1035
+ </li>
1036
+
1037
+
1038
+ <li class="nav-tree__item ">
1039
+
1040
+ <a class="nav-tree__link " href="/frontend/sass/base/typography/">
1041
+
1042
+
1043
+ <span class="nav-tree__text">
1044
+ Typography
1045
+ </span>
1046
+
1047
+ </a>
1048
+
1049
+
1050
+ </li>
1051
+
1052
+ </ul>
1053
+
1054
+ </details>
1055
+ </li>
1056
+
1057
+
1058
+ <li class="nav-tree__item ">
1059
+ <details class="nav-tree__collapsible">
1060
+ <summary class="nav-tree__toggle">
1061
+
1062
+ <span class="nav-tree__toggle-content">
1063
+
1064
+
1065
+ <span class="nav-tree__text">
1066
+ Components
1067
+ </span>
1068
+
1069
+ </span>
1070
+ <span class="nav-tree__toggle-icon fas fa-chevron-down" aria-hidden="true"></span>
1071
+
1072
+ </summary>
1073
+
1074
+ <ul class="nav-tree" data-menu-depth="3">
1075
+
1076
+ <li class="nav-tree__item ">
1077
+
1078
+ <a class="nav-tree__link nav-tree__link--index " href="/frontend/sass/components/">
1079
+
1080
+
1081
+ <span class="nav-tree__text">
1082
+ Introduction
1083
+ </span>
1084
+
1085
+ </a>
1086
+
1087
+
1088
+ </li>
1089
+
1090
+
1091
+ <li class="nav-tree__item ">
1092
+
1093
+ <a class="nav-tree__link " href="/frontend/sass/components/accordion/">
1094
+
1095
+
1096
+ <span class="nav-tree__text">
1097
+ Accordion
1098
+ </span>
1099
+
1100
+ </a>
1101
+
1102
+
1103
+ </li>
1104
+
1105
+
1106
+ <li class="nav-tree__item ">
1107
+
1108
+ <a class="nav-tree__link " href="/frontend/sass/components/adaptive-spacing/">
1109
+
1110
+
1111
+ <span class="nav-tree__text">
1112
+ Adaptive-spacing
1113
+ </span>
1114
+
1115
+ </a>
1116
+
1117
+
1118
+ </li>
1119
+
1120
+
1121
+ <li class="nav-tree__item ">
1122
+
1123
+ <a class="nav-tree__link " href="/frontend/sass/components/badge/">
1124
+
1125
+
1126
+ <span class="nav-tree__text">
1127
+ Badge
1128
+ </span>
1129
+
1130
+ </a>
1131
+
1132
+
1133
+ </li>
1134
+
1135
+
1136
+ <li class="nav-tree__item ">
1137
+
1138
+ <a class="nav-tree__link " href="/frontend/sass/components/button/">
1139
+
1140
+
1141
+ <span class="nav-tree__text">
1142
+ Button
1143
+ </span>
1144
+
1145
+ </a>
1146
+
1147
+
1148
+ </li>
1149
+
1150
+
1151
+ <li class="nav-tree__item ">
1152
+
1153
+ <a class="nav-tree__link " href="/frontend/sass/components/button-verbose/">
1154
+
1155
+
1156
+ <span class="nav-tree__text">
1157
+ Button-verbose
1158
+ </span>
1159
+
1160
+ </a>
1161
+
1162
+
1163
+ </li>
1164
+
1165
+
1166
+ <li class="nav-tree__item ">
1167
+
1168
+ <a class="nav-tree__link " href="/frontend/sass/components/callout/">
1169
+
1170
+
1171
+ <span class="nav-tree__text">
1172
+ Callout
1173
+ </span>
1174
+
1175
+ </a>
1176
+
1177
+
1178
+ </li>
1179
+
1180
+
1181
+ <li class="nav-tree__item ">
1182
+
1183
+ <a class="nav-tree__link " href="/frontend/sass/components/captioned-figure/">
1184
+
1185
+
1186
+ <span class="nav-tree__text">
1187
+ Captioned-figure
1188
+ </span>
1189
+
1190
+ </a>
1191
+
1192
+
1193
+ </li>
1194
+
1195
+
1196
+ <li class="nav-tree__item ">
1197
+
1198
+ <a class="nav-tree__link " href="/frontend/sass/components/card/">
1199
+
1200
+
1201
+ <span class="nav-tree__text">
1202
+ Card
1203
+ </span>
1204
+
1205
+ </a>
1206
+
1207
+
1208
+ </li>
1209
+
1210
+
1211
+ <li class="nav-tree__item ">
1212
+
1213
+ <a class="nav-tree__link " href="/frontend/sass/components/card-grid/">
1214
+
1215
+
1216
+ <span class="nav-tree__text">
1217
+ Card-grid
1218
+ </span>
1219
+
1220
+ </a>
1221
+
1222
+
1223
+ </li>
1224
+
1225
+
1226
+ <li class="nav-tree__item ">
1227
+
1228
+ <a class="nav-tree__link " href="/frontend/sass/components/css-icon/">
1229
+
1230
+
1231
+ <span class="nav-tree__text">
1232
+ Css-icon
1233
+ </span>
1234
+
1235
+ </a>
1236
+
1237
+
1238
+ </li>
1239
+
1240
+
1241
+ <li class="nav-tree__item ">
1242
+
1243
+ <a class="nav-tree__link " href="/frontend/sass/components/data-grid/">
1244
+
1245
+
1246
+ <span class="nav-tree__text">
1247
+ Data-grid
1248
+ </span>
1249
+
1250
+ </a>
1251
+
1252
+
1253
+ </li>
1254
+
1255
+
1256
+ <li class="nav-tree__item ">
1257
+
1258
+ <a class="nav-tree__link " href="/frontend/sass/components/data-table/">
1259
+
1260
+
1261
+ <span class="nav-tree__text">
1262
+ Data-table
1263
+ </span>
1264
+
1265
+ </a>
1266
+
1267
+
1268
+ </li>
1269
+
1270
+
1271
+ <li class="nav-tree__item ">
1272
+
1273
+ <a class="nav-tree__link " href="/frontend/sass/components/fill-context/">
1274
+
1275
+
1276
+ <span class="nav-tree__text">
1277
+ Fill-context
1278
+ </span>
1279
+
1280
+ </a>
1281
+
1282
+
1283
+ </li>
1284
+
1285
+
1286
+ <li class="nav-tree__item ">
1287
+
1288
+ <a class="nav-tree__link " href="/frontend/sass/components/flipcard/">
1289
+
1290
+
1291
+ <span class="nav-tree__text">
1292
+ Flipcard
1293
+ </span>
1294
+
1295
+ </a>
1296
+
1297
+
1298
+ </li>
1299
+
1300
+
1301
+ <li class="nav-tree__item ">
1302
+
1303
+ <a class="nav-tree__link " href="/frontend/sass/components/flipcard-grid/">
1304
+
1305
+
1306
+ <span class="nav-tree__text">
1307
+ Flipcard-grid
1308
+ </span>
1309
+
1310
+ </a>
1311
+
1312
+
1313
+ </li>
1314
+
1315
+
1316
+ <li class="nav-tree__item ">
1317
+
1318
+ <a class="nav-tree__link " href="/frontend/sass/components/form-theme/">
1319
+
1320
+
1321
+ <span class="nav-tree__text">
1322
+ Form-theme
1323
+ </span>
1324
+
1325
+ </a>
1326
+
1327
+
1328
+ </li>
1329
+
1330
+
1331
+ <li class="nav-tree__item ">
1332
+
1333
+ <a class="nav-tree__link " href="/frontend/sass/components/hero/">
1334
+
1335
+
1336
+ <span class="nav-tree__text">
1337
+ Hero
1338
+ </span>
1339
+
1340
+ </a>
1341
+
1342
+
1343
+ </li>
1344
+
1345
+
1346
+ <li class="nav-tree__item ">
1347
+
1348
+ <a class="nav-tree__link " href="/frontend/sass/components/horizontal-rule/">
1349
+
1350
+
1351
+ <span class="nav-tree__text">
1352
+ Horizontal-rule
1353
+ </span>
1354
+
1355
+ </a>
1356
+
1357
+
1358
+ </li>
1359
+
1360
+
1361
+ <li class="nav-tree__item ">
1362
+
1363
+ <a class="nav-tree__link " href="/frontend/sass/components/image-grid/">
1364
+
1365
+
1366
+ <span class="nav-tree__text">
1367
+ Image-grid
1368
+ </span>
1369
+
1370
+ </a>
1371
+
1372
+
1373
+ </li>
1374
+
1375
+
1376
+ <li class="nav-tree__item ">
1377
+
1378
+ <a class="nav-tree__link " href="/frontend/sass/components/index/">
1379
+
1380
+
1381
+ <span class="nav-tree__text">
1382
+ Index
1383
+ </span>
1384
+
1385
+ </a>
1386
+
1387
+
1388
+ </li>
1389
+
1390
+
1391
+ <li class="nav-tree__item ">
1392
+
1393
+ <a class="nav-tree__link " href="/frontend/sass/components/links/">
1394
+
1395
+
1396
+ <span class="nav-tree__text">
1397
+ Links
1398
+ </span>
1399
+
1400
+ </a>
1401
+
1402
+
1403
+ </li>
1404
+
1405
+
1406
+ <li class="nav-tree__item ">
1407
+
1408
+ <a class="nav-tree__link " href="/frontend/sass/components/list-inline/">
1409
+
1410
+
1411
+ <span class="nav-tree__text">
1412
+ List-inline
1413
+ </span>
1414
+
1415
+ </a>
1416
+
1417
+
1418
+ </li>
1419
+
1420
+
1421
+ <li class="nav-tree__item ">
1422
+
1423
+ <a class="nav-tree__link " href="/frontend/sass/components/list-lines/">
1424
+
1425
+
1426
+ <span class="nav-tree__text">
1427
+ List-lines
1428
+ </span>
1429
+
1430
+ </a>
1431
+
1432
+
1433
+ </li>
1434
+
1435
+
1436
+ <li class="nav-tree__item ">
1437
+
1438
+ <a class="nav-tree__link " href="/frontend/sass/components/list-ordered/">
1439
+
1440
+
1441
+ <span class="nav-tree__text">
1442
+ List-ordered
1443
+ </span>
1444
+
1445
+ </a>
1446
+
1447
+
1448
+ </li>
1449
+
1450
+
1451
+ <li class="nav-tree__item ">
1452
+
1453
+ <a class="nav-tree__link " href="/frontend/sass/components/list-unordered/">
1454
+
1455
+
1456
+ <span class="nav-tree__text">
1457
+ List-unordered
1458
+ </span>
1459
+
1460
+ </a>
1461
+
1462
+
1463
+ </li>
1464
+
1465
+
1466
+ <li class="nav-tree__item ">
1467
+
1468
+ <a class="nav-tree__link " href="/frontend/sass/components/menu-stack/">
1469
+
1470
+
1471
+ <span class="nav-tree__text">
1472
+ Menu-stack
1473
+ </span>
1474
+
1475
+ </a>
1476
+
1477
+
1478
+ </li>
1479
+
1480
+
1481
+ <li class="nav-tree__item ">
1482
+
1483
+ <a class="nav-tree__link " href="/frontend/sass/components/modal/">
1484
+
1485
+
1486
+ <span class="nav-tree__text">
1487
+ Modal
1488
+ </span>
1489
+
1490
+ </a>
1491
+
1492
+
1493
+ </li>
1494
+
1495
+
1496
+ <li class="nav-tree__item ">
1497
+
1498
+ <a class="nav-tree__link " href="/frontend/sass/components/nav-strip/">
1499
+
1500
+
1501
+ <span class="nav-tree__text">
1502
+ Nav-strip
1503
+ </span>
1504
+
1505
+ </a>
1506
+
1507
+
1508
+ </li>
1509
+
1510
+
1511
+ <li class="nav-tree__item ">
1512
+
1513
+ <a class="nav-tree__link " href="/frontend/sass/components/overlay-section/">
1514
+
1515
+
1516
+ <span class="nav-tree__text">
1517
+ Overlay-section
1518
+ </span>
1519
+
1520
+ </a>
1521
+
1522
+
1523
+ </li>
1524
+
1525
+
1526
+ <li class="nav-tree__item ">
1527
+
1528
+ <a class="nav-tree__link " href="/frontend/sass/components/pager/">
1529
+
1530
+
1531
+ <span class="nav-tree__text">
1532
+ Pager
1533
+ </span>
1534
+
1535
+ </a>
1536
+
1537
+
1538
+ </li>
1539
+
1540
+
1541
+ <li class="nav-tree__item ">
1542
+
1543
+ <a class="nav-tree__link " href="/frontend/sass/components/placeholder-block/">
1544
+
1545
+
1546
+ <span class="nav-tree__text">
1547
+ Placeholder-block
1548
+ </span>
1549
+
1550
+ </a>
1551
+
1552
+
1553
+ </li>
1554
+
1555
+
1556
+ <li class="nav-tree__item ">
1557
+
1558
+ <a class="nav-tree__link " href="/frontend/sass/components/popover/">
1559
+
1560
+
1561
+ <span class="nav-tree__text">
1562
+ Popover
1563
+ </span>
1564
+
1565
+ </a>
1566
+
1567
+
1568
+ </li>
1569
+
1570
+
1571
+ <li class="nav-tree__item ">
1572
+
1573
+ <a class="nav-tree__link " href="/frontend/sass/components/pull-quote/">
1574
+
1575
+
1576
+ <span class="nav-tree__text">
1577
+ Pull-quote
1578
+ </span>
1579
+
1580
+ </a>
1581
+
1582
+
1583
+ </li>
1584
+
1585
+
1586
+ <li class="nav-tree__item ">
1587
+
1588
+ <a class="nav-tree__link " href="/frontend/sass/components/ratio-box/">
1589
+
1590
+
1591
+ <span class="nav-tree__text">
1592
+ Ratio-box
1593
+ </span>
1594
+
1595
+ </a>
1596
+
1597
+
1598
+ </li>
1599
+
1600
+
1601
+ <li class="nav-tree__item ">
1602
+
1603
+ <a class="nav-tree__link " href="/frontend/sass/components/rule/">
1604
+
1605
+
1606
+ <span class="nav-tree__text">
1607
+ Rule
1608
+ </span>
1609
+
1610
+ </a>
1611
+
1612
+
1613
+ </li>
1614
+
1615
+
1616
+ <li class="nav-tree__item ">
1617
+
1618
+ <a class="nav-tree__link " href="/frontend/sass/components/scroll-slider/">
1619
+
1620
+
1621
+ <span class="nav-tree__text">
1622
+ Scroll-slider
1623
+ </span>
1624
+
1625
+ </a>
1626
+
1627
+
1628
+ </li>
1629
+
1630
+
1631
+ <li class="nav-tree__item ">
1632
+
1633
+ <a class="nav-tree__link " href="/frontend/sass/components/skip-link/">
1634
+
1635
+
1636
+ <span class="nav-tree__text">
1637
+ Skip-link
1638
+ </span>
1639
+
1640
+ </a>
1641
+
1642
+
1643
+ </li>
1644
+
1645
+
1646
+ <li class="nav-tree__item ">
1647
+
1648
+ <a class="nav-tree__link " href="/frontend/sass/components/slider/">
1649
+
1650
+
1651
+ <span class="nav-tree__text">
1652
+ Slider
1653
+ </span>
1654
+
1655
+ </a>
1656
+
1657
+
1658
+ </li>
1659
+
1660
+
1661
+ <li class="nav-tree__item ">
1662
+
1663
+ <a class="nav-tree__link " href="/frontend/sass/components/spoke-spinner/">
1664
+
1665
+
1666
+ <span class="nav-tree__text">
1667
+ Spoke-spinner
1668
+ </span>
1669
+
1670
+ </a>
1671
+
1672
+
1673
+ </li>
1674
+
1675
+
1676
+ <li class="nav-tree__item ">
1677
+
1678
+ <a class="nav-tree__link " href="/frontend/sass/components/tabs/">
1679
+
1680
+
1681
+ <span class="nav-tree__text">
1682
+ Tabs
1683
+ </span>
1684
+
1685
+ </a>
1686
+
1687
+
1688
+ </li>
1689
+
1690
+
1691
+ <li class="nav-tree__item ">
1692
+
1693
+ <a class="nav-tree__link " href="/frontend/sass/components/tag/">
1694
+
1695
+
1696
+ <span class="nav-tree__text">
1697
+ Tag
1698
+ </span>
1699
+
1700
+ </a>
1701
+
1702
+
1703
+ </li>
1704
+
1705
+
1706
+ <li class="nav-tree__item ">
1707
+
1708
+ <a class="nav-tree__link " href="/frontend/sass/components/tile-button/">
1709
+
1710
+
1711
+ <span class="nav-tree__text">
1712
+ Tile-button
1713
+ </span>
1714
+
1715
+ </a>
1716
+
1717
+
1718
+ </li>
1719
+
1720
+
1721
+ <li class="nav-tree__item ">
1722
+
1723
+ <a class="nav-tree__link " href="/frontend/sass/components/tile-grid/">
1724
+
1725
+
1726
+ <span class="nav-tree__text">
1727
+ Tile-grid
1728
+ </span>
1729
+
1730
+ </a>
1731
+
1732
+
1733
+ </li>
1734
+
1735
+
1736
+ <li class="nav-tree__item ">
1737
+
1738
+ <a class="nav-tree__link " href="/frontend/sass/components/tile-grid-overlay/">
1739
+
1740
+
1741
+ <span class="nav-tree__text">
1742
+ Tile-grid-overlay
1743
+ </span>
1744
+
1745
+ </a>
1746
+
1747
+
1748
+ </li>
1749
+
1750
+
1751
+ <li class="nav-tree__item ">
1752
+
1753
+ <a class="nav-tree__link " href="/frontend/sass/components/vignette/">
1754
+
1755
+
1756
+ <span class="nav-tree__text">
1757
+ Vignette
1758
+ </span>
1759
+
1760
+ </a>
1761
+
1762
+
1763
+ </li>
1764
+
1765
+
1766
+ <li class="nav-tree__item ">
1767
+
1768
+ <a class="nav-tree__link " href="/frontend/sass/components/wysiwyg/">
1769
+
1770
+
1771
+ <span class="nav-tree__text">
1772
+ Wysiwyg
1773
+ </span>
1774
+
1775
+ </a>
1776
+
1777
+
1778
+ </li>
1779
+
1780
+ </ul>
1781
+
1782
+ </details>
1783
+ </li>
1784
+
1785
+
1786
+ <li class="nav-tree__item ">
1787
+ <details class="nav-tree__collapsible">
1788
+ <summary class="nav-tree__toggle">
1789
+
1790
+ <span class="nav-tree__toggle-content">
1791
+
1792
+
1793
+ <span class="nav-tree__text">
1794
+ Helpers
1795
+ </span>
1796
+
1797
+ </span>
1798
+ <span class="nav-tree__toggle-icon fas fa-chevron-down" aria-hidden="true"></span>
1799
+
1800
+ </summary>
1801
+
1802
+ <ul class="nav-tree" data-menu-depth="3">
1803
+
1804
+ <li class="nav-tree__item ">
1805
+
1806
+ <a class="nav-tree__link nav-tree__link--index " href="/frontend/sass/helpers/">
1807
+
1808
+
1809
+ <span class="nav-tree__text">
1810
+ Introduction
1811
+ </span>
1812
+
1813
+ </a>
1814
+
1815
+
1816
+ </li>
1817
+
1818
+
1819
+ <li class="nav-tree__item ">
1820
+
1821
+ <a class="nav-tree__link " href="/frontend/sass/helpers/color/">
1822
+
1823
+
1824
+ <span class="nav-tree__text">
1825
+ Color
1826
+ </span>
1827
+
1828
+ </a>
1829
+
1830
+
1831
+ </li>
1832
+
1833
+
1834
+ <li class="nav-tree__item ">
1835
+
1836
+ <a class="nav-tree__link " href="/frontend/sass/helpers/display/">
1837
+
1838
+
1839
+ <span class="nav-tree__text">
1840
+ Display
1841
+ </span>
1842
+
1843
+ </a>
1844
+
1845
+
1846
+ </li>
1847
+
1848
+
1849
+ <li class="nav-tree__item ">
1850
+
1851
+ <a class="nav-tree__link " href="/frontend/sass/helpers/index/">
1852
+
1853
+
1854
+ <span class="nav-tree__text">
1855
+ Index
1856
+ </span>
1857
+
1858
+ </a>
1859
+
1860
+
1861
+ </li>
1862
+
1863
+
1864
+ <li class="nav-tree__item ">
1865
+
1866
+ <a class="nav-tree__link " href="/frontend/sass/helpers/print/">
1867
+
1868
+
1869
+ <span class="nav-tree__text">
1870
+ Print
1871
+ </span>
1872
+
1873
+ </a>
1874
+
1875
+
1876
+ </li>
1877
+
1878
+
1879
+ <li class="nav-tree__item ">
1880
+
1881
+ <a class="nav-tree__link " href="/frontend/sass/helpers/typography/">
1882
+
1883
+
1884
+ <span class="nav-tree__text">
1885
+ Typography
1886
+ </span>
1887
+
1888
+ </a>
1889
+
1890
+
1891
+ </li>
1892
+
1893
+
1894
+ <li class="nav-tree__item ">
1895
+
1896
+ <a class="nav-tree__link " href="/frontend/sass/helpers/units/">
1897
+
1898
+
1899
+ <span class="nav-tree__text">
1900
+ Units
1901
+ </span>
1902
+
1903
+ </a>
1904
+
1905
+
1906
+ </li>
1907
+
1908
+
1909
+ <li class="nav-tree__item ">
1910
+
1911
+ <a class="nav-tree__link " href="/frontend/sass/helpers/utilities/">
1912
+
1913
+
1914
+ <span class="nav-tree__text">
1915
+ Utilities
1916
+ </span>
1917
+
1918
+ </a>
1919
+
1920
+
1921
+ </li>
1922
+
1923
+ </ul>
1924
+
1925
+ </details>
1926
+ </li>
1927
+
1928
+ </ul>
1929
+
1930
+ </details>
1931
+ </li>
1932
+
1933
+
1934
+ <li class="nav-tree__item ">
1935
+ <details class="nav-tree__collapsible">
1936
+ <summary class="nav-tree__toggle">
1937
+
1938
+ <span class="nav-tree__toggle-content">
1939
+
1940
+
1941
+ <span class="nav-tree__icon fab fa-js" aria-hidden="true"></span>
1942
+
1943
+ <span class="nav-tree__text">
1944
+ Javascript API
1945
+ </span>
1946
+
1947
+ </span>
1948
+ <span class="nav-tree__toggle-icon fas fa-chevron-down" aria-hidden="true"></span>
1949
+
1950
+ </summary>
1951
+
1952
+ <ul class="nav-tree" data-menu-depth="2">
1953
+
1954
+ <li class="nav-tree__item ">
1955
+
1956
+ <a class="nav-tree__link nav-tree__link--index " href="/frontend/javascript/">
1957
+
1958
+
1959
+ <span class="nav-tree__text">
1960
+ Introduction
1961
+ </span>
1962
+
1963
+ </a>
1964
+
1965
+
1966
+ </li>
1967
+
1968
+
1969
+ <li class="nav-tree__item ">
1970
+
1971
+ <a class="nav-tree__link " href="/frontend/javascript/events/">
1972
+
1973
+
1974
+ <span class="nav-tree__text">
1975
+ events
1976
+ </span>
1977
+
1978
+ </a>
1979
+
1980
+
1981
+ </li>
1982
+
1983
+
1984
+ <li class="nav-tree__item ">
1985
+
1986
+ <a class="nav-tree__link " href="/frontend/javascript/settings/">
1987
+
1988
+
1989
+ <span class="nav-tree__text">
1990
+ settings
1991
+ </span>
1992
+
1993
+ </a>
1994
+
1995
+
1996
+ </li>
1997
+
1998
+
1999
+ <li class="nav-tree__item ">
2000
+
2001
+ <a class="nav-tree__link " href="/frontend/javascript/ui-breakpoints/">
2002
+
2003
+
2004
+ <span class="nav-tree__text">
2005
+ ui/breakpoints
2006
+ </span>
2007
+
2008
+ </a>
2009
+
2010
+
2011
+ </li>
2012
+
2013
+
2014
+ <li class="nav-tree__item ">
2015
+
2016
+ <a class="nav-tree__link " href="/frontend/javascript/ui-collapsible/">
2017
+
2018
+
2019
+ <span class="nav-tree__text">
2020
+ ui/collapsible
2021
+ </span>
2022
+
2023
+ </a>
2024
+
2025
+
2026
+ </li>
2027
+
2028
+
2029
+ <li class="nav-tree__item ">
2030
+
2031
+ <a class="nav-tree__link " href="/frontend/javascript/ui-details-group/">
2032
+
2033
+
2034
+ <span class="nav-tree__text">
2035
+ ui/details-group
2036
+ </span>
2037
+
2038
+ </a>
2039
+
2040
+
2041
+ </li>
2042
+
2043
+
2044
+ <li class="nav-tree__item ">
2045
+
2046
+ <a class="nav-tree__link " href="/frontend/javascript/ui-dialog/">
2047
+
2048
+
2049
+ <span class="nav-tree__text">
2050
+ ui/dialog
2051
+ </span>
2052
+
2053
+ </a>
2054
+
2055
+
2056
+ </li>
2057
+
2058
+
2059
+ <li class="nav-tree__item ">
2060
+
2061
+ <a class="nav-tree__link " href="/frontend/javascript/ui-flipcard/">
2062
+
2063
+
2064
+ <span class="nav-tree__text">
2065
+ ui/flipcard
2066
+ </span>
2067
+
2068
+ </a>
2069
+
2070
+
2071
+ </li>
2072
+
2073
+
2074
+ <li class="nav-tree__item ">
2075
+
2076
+ <a class="nav-tree__link " href="/frontend/javascript/ui-grid/">
2077
+
2078
+
2079
+ <span class="nav-tree__text">
2080
+ ui/grid
2081
+ </span>
2082
+
2083
+ </a>
2084
+
2085
+
2086
+ </li>
2087
+
2088
+
2089
+ <li class="nav-tree__item ">
2090
+
2091
+ <a class="nav-tree__link " href="/frontend/javascript/ui-modal-builder/">
2092
+
2093
+
2094
+ <span class="nav-tree__text">
2095
+ ui/modal-builder
2096
+ </span>
2097
+
2098
+ </a>
2099
+
2100
+
2101
+ </li>
2102
+
2103
+
2104
+ <li class="nav-tree__item ">
2105
+
2106
+ <a class="nav-tree__link " href="/frontend/javascript/ui-overflow-scroller/">
2107
+
2108
+
2109
+ <span class="nav-tree__text">
2110
+ ui/overflow-scroller
2111
+ </span>
2112
+
2113
+ </a>
2114
+
2115
+
2116
+ </li>
2117
+
2118
+
2119
+ <li class="nav-tree__item ">
2120
+
2121
+ <a class="nav-tree__link " href="/frontend/javascript/ui-overflow-scroller-pager/">
2122
+
2123
+
2124
+ <span class="nav-tree__text">
2125
+ ui/overflow-scroller-pager
2126
+ </span>
2127
+
2128
+ </a>
2129
+
2130
+
2131
+ </li>
2132
+
2133
+
2134
+ <li class="nav-tree__item ">
2135
+
2136
+ <a class="nav-tree__link " href="/frontend/javascript/ui-page/">
2137
+
2138
+
2139
+ <span class="nav-tree__text">
2140
+ ui/page
2141
+ </span>
2142
+
2143
+ </a>
2144
+
2145
+
2146
+ </li>
2147
+
2148
+
2149
+ <li class="nav-tree__item ">
2150
+
2151
+ <a class="nav-tree__link " href="/frontend/javascript/ui-popover/">
2152
+
2153
+
2154
+ <span class="nav-tree__text">
2155
+ ui/popover
2156
+ </span>
2157
+
2158
+ </a>
2159
+
2160
+
2161
+ </li>
2162
+
2163
+
2164
+ <li class="nav-tree__item ">
2165
+
2166
+ <a class="nav-tree__link " href="/frontend/javascript/ui-print/">
2167
+
2168
+
2169
+ <span class="nav-tree__text">
2170
+ ui/print
2171
+ </span>
2172
+
2173
+ </a>
2174
+
2175
+
2176
+ </li>
2177
+
2178
+
2179
+ <li class="nav-tree__item ">
2180
+
2181
+ <a class="nav-tree__link " href="/frontend/javascript/ui-print-details/">
2182
+
2183
+
2184
+ <span class="nav-tree__text">
2185
+ ui/print-details
2186
+ </span>
2187
+
2188
+ </a>
2189
+
2190
+
2191
+ </li>
2192
+
2193
+
2194
+ <li class="nav-tree__item ">
2195
+
2196
+ <a class="nav-tree__link " href="/frontend/javascript/ui-programmatic-modal/">
2197
+
2198
+
2199
+ <span class="nav-tree__text">
2200
+ ui/programmatic-modal
2201
+ </span>
2202
+
2203
+ </a>
2204
+
2205
+
2206
+ </li>
2207
+
2208
+
2209
+ <li class="nav-tree__item ">
2210
+
2211
+ <a class="nav-tree__link " href="/frontend/javascript/ui-proxy-click/">
2212
+
2213
+
2214
+ <span class="nav-tree__text">
2215
+ ui/proxy-click
2216
+ </span>
2217
+
2218
+ </a>
2219
+
2220
+
2221
+ </li>
2222
+
2223
+
2224
+ <li class="nav-tree__item ">
2225
+
2226
+ <a class="nav-tree__link " href="/frontend/javascript/ui-resizer/">
2227
+
2228
+
2229
+ <span class="nav-tree__text">
2230
+ ui/resizer
2231
+ </span>
2232
+
2233
+ </a>
2234
+
2235
+
2236
+ </li>
2237
+
2238
+
2239
+ <li class="nav-tree__item ">
2240
+
2241
+ <a class="nav-tree__link " href="/frontend/javascript/ui-scroll-slider/">
2242
+
2243
+
2244
+ <span class="nav-tree__text">
2245
+ ui/scroll-slider
2246
+ </span>
2247
+
2248
+ </a>
2249
+
2250
+
2251
+ </li>
2252
+
2253
+
2254
+ <li class="nav-tree__item ">
2255
+
2256
+ <a class="nav-tree__link " href="/frontend/javascript/ui-scrollpoint/">
2257
+
2258
+
2259
+ <span class="nav-tree__text">
2260
+ ui/scrollpoint
2261
+ </span>
2262
+
2263
+ </a>
2264
+
2265
+
2266
+ </li>
2267
+
2268
+
2269
+ <li class="nav-tree__item ">
2270
+
2271
+ <a class="nav-tree__link " href="/frontend/javascript/ui-slider/">
2272
+
2273
+
2274
+ <span class="nav-tree__text">
2275
+ ui/slider
2276
+ </span>
2277
+
2278
+ </a>
2279
+
2280
+
2281
+ </li>
2282
+
2283
+
2284
+ <li class="nav-tree__item ">
2285
+
2286
+ <a class="nav-tree__link " href="/frontend/javascript/ui-tabs/">
2287
+
2288
+
2289
+ <span class="nav-tree__text">
2290
+ ui/tabs
2291
+ </span>
2292
+
2293
+ </a>
2294
+
2295
+
2296
+ </li>
2297
+
2298
+
2299
+ <li class="nav-tree__item ">
2300
+
2301
+ <a class="nav-tree__link " href="/frontend/javascript/ui-tooltip/">
2302
+
2303
+
2304
+ <span class="nav-tree__text">
2305
+ ui/tooltip
2306
+ </span>
2307
+
2308
+ </a>
2309
+
2310
+
2311
+ </li>
2312
+
2313
+
2314
+ <li class="nav-tree__item ">
2315
+
2316
+ <a class="nav-tree__link " href="/frontend/javascript/utils-class-logger/">
2317
+
2318
+
2319
+ <span class="nav-tree__text">
2320
+ utils/class-logger
2321
+ </span>
2322
+
2323
+ </a>
2324
+
2325
+
2326
+ </li>
2327
+
2328
+
2329
+ <li class="nav-tree__item ">
2330
+
2331
+ <a class="nav-tree__link " href="/frontend/javascript/utils-dom/">
2332
+
2333
+
2334
+ <span class="nav-tree__text">
2335
+ utils/dom
2336
+ </span>
2337
+
2338
+ </a>
2339
+
2340
+
2341
+ </li>
2342
+
2343
+
2344
+ <li class="nav-tree__item ">
2345
+
2346
+ <a class="nav-tree__link " href="/frontend/javascript/utils-file-save/">
2347
+
2348
+
2349
+ <span class="nav-tree__text">
2350
+ utils/file-save
2351
+ </span>
2352
+
2353
+ </a>
2354
+
2355
+
2356
+ </li>
2357
+
2358
+
2359
+ <li class="nav-tree__item ">
2360
+
2361
+ <a class="nav-tree__link " href="/frontend/javascript/utils-floating-ui/">
2362
+
2363
+
2364
+ <span class="nav-tree__text">
2365
+ utils/floating-ui
2366
+ </span>
2367
+
2368
+ </a>
2369
+
2370
+
2371
+ </li>
2372
+
2373
+
2374
+ <li class="nav-tree__item ">
2375
+
2376
+ <a class="nav-tree__link " href="/frontend/javascript/utils-id/">
2377
+
2378
+
2379
+ <span class="nav-tree__text">
2380
+ utils/id
2381
+ </span>
2382
+
2383
+ </a>
2384
+
2385
+
2386
+ </li>
2387
+
2388
+
2389
+ <li class="nav-tree__item ">
2390
+
2391
+ <a class="nav-tree__link " href="/frontend/javascript/utils-pause-youtube-video/">
2392
+
2393
+
2394
+ <span class="nav-tree__text">
2395
+ utils/pause-youtube-video
2396
+ </span>
2397
+
2398
+ </a>
2399
+
2400
+
2401
+ </li>
2402
+
2403
+ </ul>
2404
+
2405
+ </details>
2406
+ </li>
2407
+
2408
+
2409
+ <li class="nav-tree__item nav-tree__item--separator-before">
2410
+
2411
+ <a class="nav-tree__link " href="/frontend/changelog/">
2412
+
2413
+
2414
+ <span class="nav-tree__icon fas fa-clock-rotate-left" aria-hidden="true"></span>
2415
+
2416
+ <span class="nav-tree__text">
2417
+ Changelog
2418
+ </span>
2419
+
2420
+ </a>
2421
+
2422
+
2423
+ </li>
2424
+
2425
+ </ul>
2426
+
2427
+ </div>
2428
+ <div id="mobile-menu" data-ulu-modal-builder='{
2429
+ "title" : "Menu",
2430
+ "position" : "right"
2431
+ }'>
2432
+
2433
+ <ul class="nav-tree" data-menu-depth="1">
2434
+
2435
+
2436
+ <li class="nav-tree__item ">
2437
+ <details class="nav-tree__collapsible">
2438
+ <summary class="nav-tree__toggle">
2439
+
2440
+ <span class="nav-tree__toggle-content">
2441
+
2442
+
2443
+ <span class="nav-tree__icon fas fa-book" aria-hidden="true"></span>
2444
+
2445
+ <span class="nav-tree__text">
2446
+ Guide
2447
+ </span>
2448
+
2449
+ </span>
2450
+ <span class="nav-tree__toggle-icon fas fa-chevron-down" aria-hidden="true"></span>
2451
+
2452
+ </summary>
2453
+
2454
+ <ul class="nav-tree" data-menu-depth="2">
2455
+
2456
+
2457
+ <li class="nav-tree__item ">
2458
+
2459
+ <a class="nav-tree__link " href="/frontend/guide/building-stylesheet/">
2460
+
2461
+
2462
+ <span class="nav-tree__text">
2463
+ Building a Stylesheet
2464
+ </span>
2465
+
2466
+ </a>
2467
+
2468
+
2469
+ </li>
2470
+
2471
+
2472
+ <li class="nav-tree__item ">
2473
+
2474
+ <a class="nav-tree__link " href="/frontend/guide/developing-ulu-scss-module/">
2475
+
2476
+
2477
+ <span class="nav-tree__text">
2478
+ Developing Ulu SCSS Module
2479
+ </span>
2480
+
2481
+ </a>
2482
+
2483
+
2484
+ </li>
2485
+
2486
+ </ul>
2487
+
2488
+ </details>
2489
+ </li>
2490
+
2491
+
2492
+ <li class="nav-tree__item is-active-trail ">
2493
+ <details class="nav-tree__collapsible" open="">
2494
+ <summary class="nav-tree__toggle">
2495
+
2496
+ <span class="nav-tree__toggle-content">
2497
+
2498
+
2499
+ <span class="nav-tree__icon fas fa-vial" aria-hidden="true"></span>
2500
+
2501
+ <span class="nav-tree__text">
2502
+ Demos
2503
+ </span>
2504
+
2505
+ </span>
2506
+ <span class="nav-tree__toggle-icon fas fa-chevron-down" aria-hidden="true"></span>
2507
+
2508
+ </summary>
2509
+
2510
+ <ul class="nav-tree" data-menu-depth="2">
2511
+
2512
+
2513
+ <li class="nav-tree__item ">
2514
+
2515
+ <a class="nav-tree__link " href="/frontend/demos/accordion/">
2516
+
2517
+
2518
+ <span class="nav-tree__text">
2519
+ Accordion
2520
+ </span>
2521
+
2522
+ </a>
2523
+
2524
+
2525
+ </li>
2526
+
2527
+
2528
+ <li class="nav-tree__item ">
2529
+
2530
+ <a class="nav-tree__link " href="/frontend/demos/button/">
2531
+
2532
+
2533
+ <span class="nav-tree__text">
2534
+ Button
2535
+ </span>
2536
+
2537
+ </a>
2538
+
2539
+
2540
+ </li>
2541
+
2542
+
2543
+ <li class="nav-tree__item ">
2544
+
2545
+ <a class="nav-tree__link " href="/frontend/demos/callout/">
2546
+
2547
+
2548
+ <span class="nav-tree__text">
2549
+ Callout
2550
+ </span>
2551
+
2552
+ </a>
2553
+
2554
+
2555
+ </li>
2556
+
2557
+
2558
+ <li class="nav-tree__item ">
2559
+
2560
+ <a class="nav-tree__link " href="/frontend/demos/captioned-figure/">
2561
+
2562
+
2563
+ <span class="nav-tree__text">
2564
+ Captioned Figure
2565
+ </span>
2566
+
2567
+ </a>
2568
+
2569
+
2570
+ </li>
2571
+
2572
+
2573
+ <li class="nav-tree__item ">
2574
+
2575
+ <a class="nav-tree__link " href="/frontend/demos/card/">
2576
+
2577
+
2578
+ <span class="nav-tree__text">
2579
+ Card
2580
+ </span>
2581
+
2582
+ </a>
2583
+
2584
+
2585
+ </li>
2586
+
2587
+
2588
+ <li class="nav-tree__item ">
2589
+
2590
+ <a class="nav-tree__link " href="/frontend/demos/css-icons/">
2591
+
2592
+
2593
+ <span class="nav-tree__text">
2594
+ CSS Icons
2595
+ </span>
2596
+
2597
+ </a>
2598
+
2599
+
2600
+ </li>
2601
+
2602
+
2603
+ <li class="nav-tree__item ">
2604
+
2605
+ <a class="nav-tree__link " href="/frontend/demos/data-grid/">
2606
+
2607
+
2608
+ <span class="nav-tree__text">
2609
+ Data grid
2610
+ </span>
2611
+
2612
+ </a>
2613
+
2614
+
2615
+ </li>
2616
+
2617
+
2618
+ <li class="nav-tree__item ">
2619
+
2620
+ <a class="nav-tree__link " href="/frontend/demos/data-table/">
2621
+
2622
+
2623
+ <span class="nav-tree__text">
2624
+ Data Table
2625
+ </span>
2626
+
2627
+ </a>
2628
+
2629
+
2630
+ </li>
2631
+
2632
+
2633
+ <li class="nav-tree__item is-active is-active-trail ">
2634
+
2635
+ <a class="nav-tree__link is-active is-active-trail" href="/frontend/demos/details-group/" aria-current="page">
2636
+
2637
+
2638
+ <span class="nav-tree__text">
2639
+ Details Group
2640
+ </span>
2641
+
2642
+ </a>
2643
+
2644
+
2645
+ </li>
2646
+
2647
+
2648
+ <li class="nav-tree__item ">
2649
+
2650
+ <a class="nav-tree__link " href="/frontend/demos/file-save/">
2651
+
2652
+
2653
+ <span class="nav-tree__text">
2654
+ File Save
2655
+ </span>
2656
+
2657
+ </a>
2658
+
2659
+
2660
+ </li>
2661
+
2662
+
2663
+ <li class="nav-tree__item ">
2664
+
2665
+ <a class="nav-tree__link " href="/frontend/demos/flipcard/">
2666
+
2667
+
2668
+ <span class="nav-tree__text">
2669
+ Flip Card
2670
+ </span>
2671
+
2672
+ </a>
2673
+
2674
+
2675
+ </li>
2676
+
2677
+
2678
+ <li class="nav-tree__item ">
2679
+
2680
+ <a class="nav-tree__link " href="/frontend/demos/form-theme/">
2681
+
2682
+
2683
+ <span class="nav-tree__text">
2684
+ Form Theme
2685
+ </span>
2686
+
2687
+ </a>
2688
+
2689
+
2690
+ </li>
2691
+
2692
+
2693
+ <li class="nav-tree__item ">
2694
+
2695
+ <a class="nav-tree__link " href="/frontend/demos/hero/">
2696
+
2697
+
2698
+ <span class="nav-tree__text">
2699
+ Hero
2700
+ </span>
2701
+
2702
+ </a>
2703
+
2704
+
2705
+ </li>
2706
+
2707
+
2708
+ <li class="nav-tree__item ">
2709
+
2710
+ <a class="nav-tree__link " href="/frontend/demos/image-grid/">
2711
+
2712
+
2713
+ <span class="nav-tree__text">
2714
+ Image Grid
2715
+ </span>
2716
+
2717
+ </a>
2718
+
2719
+
2720
+ </li>
2721
+
2722
+
2723
+ <li class="nav-tree__item ">
2724
+
2725
+ <a class="nav-tree__link " href="/frontend/demos/list-inline/">
2726
+
2727
+
2728
+ <span class="nav-tree__text">
2729
+ List Inline
2730
+ </span>
2731
+
2732
+ </a>
2733
+
2734
+
2735
+ </li>
2736
+
2737
+
2738
+ <li class="nav-tree__item ">
2739
+
2740
+ <a class="nav-tree__link " href="/frontend/demos/list-lines/">
2741
+
2742
+
2743
+ <span class="nav-tree__text">
2744
+ List Lines
2745
+ </span>
2746
+
2747
+ </a>
2748
+
2749
+
2750
+ </li>
2751
+
2752
+
2753
+ <li class="nav-tree__item ">
2754
+
2755
+ <a class="nav-tree__link " href="/frontend/demos/menu-stack/">
2756
+
2757
+
2758
+ <span class="nav-tree__text">
2759
+ Menu Stack
2760
+ </span>
2761
+
2762
+ </a>
2763
+
2764
+
2765
+ </li>
2766
+
2767
+
2768
+ <li class="nav-tree__item ">
2769
+
2770
+ <a class="nav-tree__link " href="/frontend/demos/modals/">
2771
+
2772
+
2773
+ <span class="nav-tree__text">
2774
+ Modals
2775
+ </span>
2776
+
2777
+ </a>
2778
+
2779
+
2780
+ </li>
2781
+
2782
+
2783
+ <li class="nav-tree__item ">
2784
+
2785
+ <a class="nav-tree__link " href="/frontend/demos/nav-strip/">
2786
+
2787
+
2788
+ <span class="nav-tree__text">
2789
+ Nav Strip
2790
+ </span>
2791
+
2792
+ </a>
2793
+
2794
+
2795
+ </li>
2796
+
2797
+
2798
+ <li class="nav-tree__item ">
2799
+
2800
+ <a class="nav-tree__link " href="/frontend/demos/overlay-section/">
2801
+
2802
+
2803
+ <span class="nav-tree__text">
2804
+ Overlay Section
2805
+ </span>
2806
+
2807
+ </a>
2808
+
2809
+
2810
+ </li>
2811
+
2812
+
2813
+ <li class="nav-tree__item ">
2814
+
2815
+ <a class="nav-tree__link " href="/frontend/demos/popovers/">
2816
+
2817
+
2818
+ <span class="nav-tree__text">
2819
+ Popovers
2820
+ </span>
2821
+
2822
+ </a>
2823
+
2824
+
2825
+ </li>
2826
+
2827
+
2828
+ <li class="nav-tree__item ">
2829
+
2830
+ <a class="nav-tree__link " href="/frontend/demos/print/">
2831
+
2832
+
2833
+ <span class="nav-tree__text">
2834
+ Print
2835
+ </span>
2836
+
2837
+ </a>
2838
+
2839
+
2840
+ </li>
2841
+
2842
+
2843
+ <li class="nav-tree__item ">
2844
+
2845
+ <a class="nav-tree__link " href="/frontend/demos/pull-quote/">
2846
+
2847
+
2848
+ <span class="nav-tree__text">
2849
+ Pull Quote
2850
+ </span>
2851
+
2852
+ </a>
2853
+
2854
+
2855
+ </li>
2856
+
2857
+
2858
+ <li class="nav-tree__item ">
2859
+
2860
+ <a class="nav-tree__link " href="/frontend/demos/rule/">
2861
+
2862
+
2863
+ <span class="nav-tree__text">
2864
+ Rule
2865
+ </span>
2866
+
2867
+ </a>
2868
+
2869
+
2870
+ </li>
2871
+
2872
+
2873
+ <li class="nav-tree__item ">
2874
+
2875
+ <a class="nav-tree__link " href="/frontend/demos/scroll-slider/">
2876
+
2877
+
2878
+ <span class="nav-tree__text">
2879
+ Scroll Slider
2880
+ </span>
2881
+
2882
+ </a>
2883
+
2884
+
2885
+ </li>
2886
+
2887
+
2888
+ <li class="nav-tree__item ">
2889
+
2890
+ <a class="nav-tree__link " href="/frontend/demos/scrollpoints/">
2891
+
2892
+
2893
+ <span class="nav-tree__text">
2894
+ Scrollpoints
2895
+ </span>
2896
+
2897
+ </a>
2898
+
2899
+
2900
+ </li>
2901
+
2902
+
2903
+ <li class="nav-tree__item ">
2904
+
2905
+ <a class="nav-tree__link " href="/frontend/demos/slider/">
2906
+
2907
+
2908
+ <span class="nav-tree__text">
2909
+ Slider
2910
+ </span>
2911
+
2912
+ </a>
2913
+
2914
+
2915
+ </li>
2916
+
2917
+
2918
+ <li class="nav-tree__item ">
2919
+
2920
+ <a class="nav-tree__link " href="/frontend/demos/spoke-spinner/">
2921
+
2922
+
2923
+ <span class="nav-tree__text">
2924
+ Spoke Spinner
2925
+ </span>
2926
+
2927
+ </a>
2928
+
2929
+
2930
+ </li>
2931
+
2932
+
2933
+ <li class="nav-tree__item ">
2934
+
2935
+ <a class="nav-tree__link " href="/frontend/demos/tabs/">
2936
+
2937
+
2938
+ <span class="nav-tree__text">
2939
+ Tabs
2940
+ </span>
2941
+
2942
+ </a>
2943
+
2944
+
2945
+ </li>
2946
+
2947
+
2948
+ <li class="nav-tree__item ">
2949
+
2950
+ <a class="nav-tree__link " href="/frontend/demos/tag/">
2951
+
2952
+
2953
+ <span class="nav-tree__text">
2954
+ Tag
2955
+ </span>
2956
+
2957
+ </a>
2958
+
2959
+
2960
+ </li>
2961
+
2962
+
2963
+ <li class="nav-tree__item ">
2964
+
2965
+ <a class="nav-tree__link " href="/frontend/demos/tile-grid-overlay/">
2966
+
2967
+
2968
+ <span class="nav-tree__text">
2969
+ Tile Grid Overlay
2970
+ </span>
2971
+
2972
+ </a>
2973
+
2974
+
2975
+ </li>
2976
+
2977
+
2978
+ <li class="nav-tree__item ">
2979
+
2980
+ <a class="nav-tree__link " href="/frontend/demos/tiles/">
2981
+
2982
+
2983
+ <span class="nav-tree__text">
2984
+ Tiles
2985
+ </span>
2986
+
2987
+ </a>
2988
+
2989
+
2990
+ </li>
2991
+
2992
+
2993
+ <li class="nav-tree__item ">
2994
+
2995
+ <a class="nav-tree__link " href="/frontend/demos/tooltip/">
2996
+
2997
+
2998
+ <span class="nav-tree__text">
2999
+ Tooltip
3000
+ </span>
3001
+
3002
+ </a>
3003
+
3004
+
3005
+ </li>
3006
+
3007
+ </ul>
3008
+
3009
+ </details>
3010
+ </li>
3011
+
3012
+
3013
+ <li class="nav-tree__item ">
3014
+ <details class="nav-tree__collapsible">
3015
+ <summary class="nav-tree__toggle">
3016
+
3017
+ <span class="nav-tree__toggle-content">
3018
+
3019
+
3020
+ <span class="nav-tree__icon fab fa-sass" aria-hidden="true"></span>
3021
+
3022
+ <span class="nav-tree__text">
3023
+ Sass API
3024
+ </span>
3025
+
3026
+ </span>
3027
+ <span class="nav-tree__toggle-icon fas fa-chevron-down" aria-hidden="true"></span>
3028
+
3029
+ </summary>
3030
+
3031
+ <ul class="nav-tree" data-menu-depth="2">
3032
+
3033
+ <li class="nav-tree__item ">
3034
+
3035
+ <a class="nav-tree__link nav-tree__link--index " href="/frontend/sass/">
3036
+
3037
+
3038
+ <span class="nav-tree__text">
3039
+ Introduction
3040
+ </span>
3041
+
3042
+ </a>
3043
+
3044
+
3045
+ </li>
3046
+
3047
+
3048
+ <li class="nav-tree__item ">
3049
+ <details class="nav-tree__collapsible">
3050
+ <summary class="nav-tree__toggle">
3051
+
3052
+ <span class="nav-tree__toggle-content">
3053
+
3054
+
3055
+ <span class="nav-tree__text">
3056
+ Core
3057
+ </span>
3058
+
3059
+ </span>
3060
+ <span class="nav-tree__toggle-icon fas fa-chevron-down" aria-hidden="true"></span>
3061
+
3062
+ </summary>
3063
+
3064
+ <ul class="nav-tree" data-menu-depth="3">
3065
+
3066
+ <li class="nav-tree__item ">
3067
+
3068
+ <a class="nav-tree__link nav-tree__link--index " href="/frontend/sass/core/">
3069
+
3070
+
3071
+ <span class="nav-tree__text">
3072
+ Introduction
3073
+ </span>
3074
+
3075
+ </a>
3076
+
3077
+
3078
+ </li>
3079
+
3080
+
3081
+ <li class="nav-tree__item ">
3082
+
3083
+ <a class="nav-tree__link " href="/frontend/sass/core/breakpoint/">
3084
+
3085
+
3086
+ <span class="nav-tree__text">
3087
+ Breakpoint
3088
+ </span>
3089
+
3090
+ </a>
3091
+
3092
+
3093
+ </li>
3094
+
3095
+
3096
+ <li class="nav-tree__item ">
3097
+
3098
+ <a class="nav-tree__link " href="/frontend/sass/core/button/">
3099
+
3100
+
3101
+ <span class="nav-tree__text">
3102
+ Button
3103
+ </span>
3104
+
3105
+ </a>
3106
+
3107
+
3108
+ </li>
3109
+
3110
+
3111
+ <li class="nav-tree__item ">
3112
+
3113
+ <a class="nav-tree__link " href="/frontend/sass/core/color/">
3114
+
3115
+
3116
+ <span class="nav-tree__text">
3117
+ Color
3118
+ </span>
3119
+
3120
+ </a>
3121
+
3122
+
3123
+ </li>
3124
+
3125
+
3126
+ <li class="nav-tree__item ">
3127
+
3128
+ <a class="nav-tree__link " href="/frontend/sass/core/cssvar/">
3129
+
3130
+
3131
+ <span class="nav-tree__text">
3132
+ Cssvar
3133
+ </span>
3134
+
3135
+ </a>
3136
+
3137
+
3138
+ </li>
3139
+
3140
+
3141
+ <li class="nav-tree__item ">
3142
+
3143
+ <a class="nav-tree__link " href="/frontend/sass/core/element/">
3144
+
3145
+
3146
+ <span class="nav-tree__text">
3147
+ Element
3148
+ </span>
3149
+
3150
+ </a>
3151
+
3152
+
3153
+ </li>
3154
+
3155
+
3156
+ <li class="nav-tree__item ">
3157
+
3158
+ <a class="nav-tree__link " href="/frontend/sass/core/layout/">
3159
+
3160
+
3161
+ <span class="nav-tree__text">
3162
+ Layout
3163
+ </span>
3164
+
3165
+ </a>
3166
+
3167
+
3168
+ </li>
3169
+
3170
+
3171
+ <li class="nav-tree__item ">
3172
+
3173
+ <a class="nav-tree__link " href="/frontend/sass/core/path/">
3174
+
3175
+
3176
+ <span class="nav-tree__text">
3177
+ Path
3178
+ </span>
3179
+
3180
+ </a>
3181
+
3182
+
3183
+ </li>
3184
+
3185
+
3186
+ <li class="nav-tree__item ">
3187
+
3188
+ <a class="nav-tree__link " href="/frontend/sass/core/selector/">
3189
+
3190
+
3191
+ <span class="nav-tree__text">
3192
+ Selector
3193
+ </span>
3194
+
3195
+ </a>
3196
+
3197
+
3198
+ </li>
3199
+
3200
+
3201
+ <li class="nav-tree__item ">
3202
+
3203
+ <a class="nav-tree__link " href="/frontend/sass/core/typography/">
3204
+
3205
+
3206
+ <span class="nav-tree__text">
3207
+ Typography
3208
+ </span>
3209
+
3210
+ </a>
3211
+
3212
+
3213
+ </li>
3214
+
3215
+
3216
+ <li class="nav-tree__item ">
3217
+
3218
+ <a class="nav-tree__link " href="/frontend/sass/core/units/">
3219
+
3220
+
3221
+ <span class="nav-tree__text">
3222
+ Units
3223
+ </span>
3224
+
3225
+ </a>
3226
+
3227
+
3228
+ </li>
3229
+
3230
+
3231
+ <li class="nav-tree__item ">
3232
+
3233
+ <a class="nav-tree__link " href="/frontend/sass/core/utils/">
3234
+
3235
+
3236
+ <span class="nav-tree__text">
3237
+ Utils
3238
+ </span>
3239
+
3240
+ </a>
3241
+
3242
+
3243
+ </li>
3244
+
3245
+ </ul>
3246
+
3247
+ </details>
3248
+ </li>
3249
+
3250
+
3251
+ <li class="nav-tree__item ">
3252
+ <details class="nav-tree__collapsible">
3253
+ <summary class="nav-tree__toggle">
3254
+
3255
+ <span class="nav-tree__toggle-content">
3256
+
3257
+
3258
+ <span class="nav-tree__text">
3259
+ Base
3260
+ </span>
3261
+
3262
+ </span>
3263
+ <span class="nav-tree__toggle-icon fas fa-chevron-down" aria-hidden="true"></span>
3264
+
3265
+ </summary>
3266
+
3267
+ <ul class="nav-tree" data-menu-depth="3">
3268
+
3269
+ <li class="nav-tree__item ">
3270
+
3271
+ <a class="nav-tree__link nav-tree__link--index " href="/frontend/sass/base/">
3272
+
3273
+
3274
+ <span class="nav-tree__text">
3275
+ Introduction
3276
+ </span>
3277
+
3278
+ </a>
3279
+
3280
+
3281
+ </li>
3282
+
3283
+
3284
+ <li class="nav-tree__item ">
3285
+
3286
+ <a class="nav-tree__link " href="/frontend/sass/base/color/">
3287
+
3288
+
3289
+ <span class="nav-tree__text">
3290
+ Color
3291
+ </span>
3292
+
3293
+ </a>
3294
+
3295
+
3296
+ </li>
3297
+
3298
+
3299
+ <li class="nav-tree__item ">
3300
+
3301
+ <a class="nav-tree__link " href="/frontend/sass/base/elements/">
3302
+
3303
+
3304
+ <span class="nav-tree__text">
3305
+ Elements
3306
+ </span>
3307
+
3308
+ </a>
3309
+
3310
+
3311
+ </li>
3312
+
3313
+
3314
+ <li class="nav-tree__item ">
3315
+
3316
+ <a class="nav-tree__link " href="/frontend/sass/base/index/">
3317
+
3318
+
3319
+ <span class="nav-tree__text">
3320
+ Index
3321
+ </span>
3322
+
3323
+ </a>
3324
+
3325
+
3326
+ </li>
3327
+
3328
+
3329
+ <li class="nav-tree__item ">
3330
+
3331
+ <a class="nav-tree__link " href="/frontend/sass/base/keyframes/">
3332
+
3333
+
3334
+ <span class="nav-tree__text">
3335
+ Keyframes
3336
+ </span>
3337
+
3338
+ </a>
3339
+
3340
+
3341
+ </li>
3342
+
3343
+
3344
+ <li class="nav-tree__item ">
3345
+
3346
+ <a class="nav-tree__link " href="/frontend/sass/base/layout/">
3347
+
3348
+
3349
+ <span class="nav-tree__text">
3350
+ Layout
3351
+ </span>
3352
+
3353
+ </a>
3354
+
3355
+
3356
+ </li>
3357
+
3358
+
3359
+ <li class="nav-tree__item ">
3360
+
3361
+ <a class="nav-tree__link " href="/frontend/sass/base/normalize/">
3362
+
3363
+
3364
+ <span class="nav-tree__text">
3365
+ Normalize
3366
+ </span>
3367
+
3368
+ </a>
3369
+
3370
+
3371
+ </li>
3372
+
3373
+
3374
+ <li class="nav-tree__item ">
3375
+
3376
+ <a class="nav-tree__link " href="/frontend/sass/base/print/">
3377
+
3378
+
3379
+ <span class="nav-tree__text">
3380
+ Print
3381
+ </span>
3382
+
3383
+ </a>
3384
+
3385
+
3386
+ </li>
3387
+
3388
+
3389
+ <li class="nav-tree__item ">
3390
+
3391
+ <a class="nav-tree__link " href="/frontend/sass/base/root/">
3392
+
3393
+
3394
+ <span class="nav-tree__text">
3395
+ Root
3396
+ </span>
3397
+
3398
+ </a>
3399
+
3400
+
3401
+ </li>
3402
+
3403
+
3404
+ <li class="nav-tree__item ">
3405
+
3406
+ <a class="nav-tree__link " href="/frontend/sass/base/typography/">
3407
+
3408
+
3409
+ <span class="nav-tree__text">
3410
+ Typography
3411
+ </span>
3412
+
3413
+ </a>
3414
+
3415
+
3416
+ </li>
3417
+
3418
+ </ul>
3419
+
3420
+ </details>
3421
+ </li>
3422
+
3423
+
3424
+ <li class="nav-tree__item ">
3425
+ <details class="nav-tree__collapsible">
3426
+ <summary class="nav-tree__toggle">
3427
+
3428
+ <span class="nav-tree__toggle-content">
3429
+
3430
+
3431
+ <span class="nav-tree__text">
3432
+ Components
3433
+ </span>
3434
+
3435
+ </span>
3436
+ <span class="nav-tree__toggle-icon fas fa-chevron-down" aria-hidden="true"></span>
3437
+
3438
+ </summary>
3439
+
3440
+ <ul class="nav-tree" data-menu-depth="3">
3441
+
3442
+ <li class="nav-tree__item ">
3443
+
3444
+ <a class="nav-tree__link nav-tree__link--index " href="/frontend/sass/components/">
3445
+
3446
+
3447
+ <span class="nav-tree__text">
3448
+ Introduction
3449
+ </span>
3450
+
3451
+ </a>
3452
+
3453
+
3454
+ </li>
3455
+
3456
+
3457
+ <li class="nav-tree__item ">
3458
+
3459
+ <a class="nav-tree__link " href="/frontend/sass/components/accordion/">
3460
+
3461
+
3462
+ <span class="nav-tree__text">
3463
+ Accordion
3464
+ </span>
3465
+
3466
+ </a>
3467
+
3468
+
3469
+ </li>
3470
+
3471
+
3472
+ <li class="nav-tree__item ">
3473
+
3474
+ <a class="nav-tree__link " href="/frontend/sass/components/adaptive-spacing/">
3475
+
3476
+
3477
+ <span class="nav-tree__text">
3478
+ Adaptive-spacing
3479
+ </span>
3480
+
3481
+ </a>
3482
+
3483
+
3484
+ </li>
3485
+
3486
+
3487
+ <li class="nav-tree__item ">
3488
+
3489
+ <a class="nav-tree__link " href="/frontend/sass/components/badge/">
3490
+
3491
+
3492
+ <span class="nav-tree__text">
3493
+ Badge
3494
+ </span>
3495
+
3496
+ </a>
3497
+
3498
+
3499
+ </li>
3500
+
3501
+
3502
+ <li class="nav-tree__item ">
3503
+
3504
+ <a class="nav-tree__link " href="/frontend/sass/components/button/">
3505
+
3506
+
3507
+ <span class="nav-tree__text">
3508
+ Button
3509
+ </span>
3510
+
3511
+ </a>
3512
+
3513
+
3514
+ </li>
3515
+
3516
+
3517
+ <li class="nav-tree__item ">
3518
+
3519
+ <a class="nav-tree__link " href="/frontend/sass/components/button-verbose/">
3520
+
3521
+
3522
+ <span class="nav-tree__text">
3523
+ Button-verbose
3524
+ </span>
3525
+
3526
+ </a>
3527
+
3528
+
3529
+ </li>
3530
+
3531
+
3532
+ <li class="nav-tree__item ">
3533
+
3534
+ <a class="nav-tree__link " href="/frontend/sass/components/callout/">
3535
+
3536
+
3537
+ <span class="nav-tree__text">
3538
+ Callout
3539
+ </span>
3540
+
3541
+ </a>
3542
+
3543
+
3544
+ </li>
3545
+
3546
+
3547
+ <li class="nav-tree__item ">
3548
+
3549
+ <a class="nav-tree__link " href="/frontend/sass/components/captioned-figure/">
3550
+
3551
+
3552
+ <span class="nav-tree__text">
3553
+ Captioned-figure
3554
+ </span>
3555
+
3556
+ </a>
3557
+
3558
+
3559
+ </li>
3560
+
3561
+
3562
+ <li class="nav-tree__item ">
3563
+
3564
+ <a class="nav-tree__link " href="/frontend/sass/components/card/">
3565
+
3566
+
3567
+ <span class="nav-tree__text">
3568
+ Card
3569
+ </span>
3570
+
3571
+ </a>
3572
+
3573
+
3574
+ </li>
3575
+
3576
+
3577
+ <li class="nav-tree__item ">
3578
+
3579
+ <a class="nav-tree__link " href="/frontend/sass/components/card-grid/">
3580
+
3581
+
3582
+ <span class="nav-tree__text">
3583
+ Card-grid
3584
+ </span>
3585
+
3586
+ </a>
3587
+
3588
+
3589
+ </li>
3590
+
3591
+
3592
+ <li class="nav-tree__item ">
3593
+
3594
+ <a class="nav-tree__link " href="/frontend/sass/components/css-icon/">
3595
+
3596
+
3597
+ <span class="nav-tree__text">
3598
+ Css-icon
3599
+ </span>
3600
+
3601
+ </a>
3602
+
3603
+
3604
+ </li>
3605
+
3606
+
3607
+ <li class="nav-tree__item ">
3608
+
3609
+ <a class="nav-tree__link " href="/frontend/sass/components/data-grid/">
3610
+
3611
+
3612
+ <span class="nav-tree__text">
3613
+ Data-grid
3614
+ </span>
3615
+
3616
+ </a>
3617
+
3618
+
3619
+ </li>
3620
+
3621
+
3622
+ <li class="nav-tree__item ">
3623
+
3624
+ <a class="nav-tree__link " href="/frontend/sass/components/data-table/">
3625
+
3626
+
3627
+ <span class="nav-tree__text">
3628
+ Data-table
3629
+ </span>
3630
+
3631
+ </a>
3632
+
3633
+
3634
+ </li>
3635
+
3636
+
3637
+ <li class="nav-tree__item ">
3638
+
3639
+ <a class="nav-tree__link " href="/frontend/sass/components/fill-context/">
3640
+
3641
+
3642
+ <span class="nav-tree__text">
3643
+ Fill-context
3644
+ </span>
3645
+
3646
+ </a>
3647
+
3648
+
3649
+ </li>
3650
+
3651
+
3652
+ <li class="nav-tree__item ">
3653
+
3654
+ <a class="nav-tree__link " href="/frontend/sass/components/flipcard/">
3655
+
3656
+
3657
+ <span class="nav-tree__text">
3658
+ Flipcard
3659
+ </span>
3660
+
3661
+ </a>
3662
+
3663
+
3664
+ </li>
3665
+
3666
+
3667
+ <li class="nav-tree__item ">
3668
+
3669
+ <a class="nav-tree__link " href="/frontend/sass/components/flipcard-grid/">
3670
+
3671
+
3672
+ <span class="nav-tree__text">
3673
+ Flipcard-grid
3674
+ </span>
3675
+
3676
+ </a>
3677
+
3678
+
3679
+ </li>
3680
+
3681
+
3682
+ <li class="nav-tree__item ">
3683
+
3684
+ <a class="nav-tree__link " href="/frontend/sass/components/form-theme/">
3685
+
3686
+
3687
+ <span class="nav-tree__text">
3688
+ Form-theme
3689
+ </span>
3690
+
3691
+ </a>
3692
+
3693
+
3694
+ </li>
3695
+
3696
+
3697
+ <li class="nav-tree__item ">
3698
+
3699
+ <a class="nav-tree__link " href="/frontend/sass/components/hero/">
3700
+
3701
+
3702
+ <span class="nav-tree__text">
3703
+ Hero
3704
+ </span>
3705
+
3706
+ </a>
3707
+
3708
+
3709
+ </li>
3710
+
3711
+
3712
+ <li class="nav-tree__item ">
3713
+
3714
+ <a class="nav-tree__link " href="/frontend/sass/components/horizontal-rule/">
3715
+
3716
+
3717
+ <span class="nav-tree__text">
3718
+ Horizontal-rule
3719
+ </span>
3720
+
3721
+ </a>
3722
+
3723
+
3724
+ </li>
3725
+
3726
+
3727
+ <li class="nav-tree__item ">
3728
+
3729
+ <a class="nav-tree__link " href="/frontend/sass/components/image-grid/">
3730
+
3731
+
3732
+ <span class="nav-tree__text">
3733
+ Image-grid
3734
+ </span>
3735
+
3736
+ </a>
3737
+
3738
+
3739
+ </li>
3740
+
3741
+
3742
+ <li class="nav-tree__item ">
3743
+
3744
+ <a class="nav-tree__link " href="/frontend/sass/components/index/">
3745
+
3746
+
3747
+ <span class="nav-tree__text">
3748
+ Index
3749
+ </span>
3750
+
3751
+ </a>
3752
+
3753
+
3754
+ </li>
3755
+
3756
+
3757
+ <li class="nav-tree__item ">
3758
+
3759
+ <a class="nav-tree__link " href="/frontend/sass/components/links/">
3760
+
3761
+
3762
+ <span class="nav-tree__text">
3763
+ Links
3764
+ </span>
3765
+
3766
+ </a>
3767
+
3768
+
3769
+ </li>
3770
+
3771
+
3772
+ <li class="nav-tree__item ">
3773
+
3774
+ <a class="nav-tree__link " href="/frontend/sass/components/list-inline/">
3775
+
3776
+
3777
+ <span class="nav-tree__text">
3778
+ List-inline
3779
+ </span>
3780
+
3781
+ </a>
3782
+
3783
+
3784
+ </li>
3785
+
3786
+
3787
+ <li class="nav-tree__item ">
3788
+
3789
+ <a class="nav-tree__link " href="/frontend/sass/components/list-lines/">
3790
+
3791
+
3792
+ <span class="nav-tree__text">
3793
+ List-lines
3794
+ </span>
3795
+
3796
+ </a>
3797
+
3798
+
3799
+ </li>
3800
+
3801
+
3802
+ <li class="nav-tree__item ">
3803
+
3804
+ <a class="nav-tree__link " href="/frontend/sass/components/list-ordered/">
3805
+
3806
+
3807
+ <span class="nav-tree__text">
3808
+ List-ordered
3809
+ </span>
3810
+
3811
+ </a>
3812
+
3813
+
3814
+ </li>
3815
+
3816
+
3817
+ <li class="nav-tree__item ">
3818
+
3819
+ <a class="nav-tree__link " href="/frontend/sass/components/list-unordered/">
3820
+
3821
+
3822
+ <span class="nav-tree__text">
3823
+ List-unordered
3824
+ </span>
3825
+
3826
+ </a>
3827
+
3828
+
3829
+ </li>
3830
+
3831
+
3832
+ <li class="nav-tree__item ">
3833
+
3834
+ <a class="nav-tree__link " href="/frontend/sass/components/menu-stack/">
3835
+
3836
+
3837
+ <span class="nav-tree__text">
3838
+ Menu-stack
3839
+ </span>
3840
+
3841
+ </a>
3842
+
3843
+
3844
+ </li>
3845
+
3846
+
3847
+ <li class="nav-tree__item ">
3848
+
3849
+ <a class="nav-tree__link " href="/frontend/sass/components/modal/">
3850
+
3851
+
3852
+ <span class="nav-tree__text">
3853
+ Modal
3854
+ </span>
3855
+
3856
+ </a>
3857
+
3858
+
3859
+ </li>
3860
+
3861
+
3862
+ <li class="nav-tree__item ">
3863
+
3864
+ <a class="nav-tree__link " href="/frontend/sass/components/nav-strip/">
3865
+
3866
+
3867
+ <span class="nav-tree__text">
3868
+ Nav-strip
3869
+ </span>
3870
+
3871
+ </a>
3872
+
3873
+
3874
+ </li>
3875
+
3876
+
3877
+ <li class="nav-tree__item ">
3878
+
3879
+ <a class="nav-tree__link " href="/frontend/sass/components/overlay-section/">
3880
+
3881
+
3882
+ <span class="nav-tree__text">
3883
+ Overlay-section
3884
+ </span>
3885
+
3886
+ </a>
3887
+
3888
+
3889
+ </li>
3890
+
3891
+
3892
+ <li class="nav-tree__item ">
3893
+
3894
+ <a class="nav-tree__link " href="/frontend/sass/components/pager/">
3895
+
3896
+
3897
+ <span class="nav-tree__text">
3898
+ Pager
3899
+ </span>
3900
+
3901
+ </a>
3902
+
3903
+
3904
+ </li>
3905
+
3906
+
3907
+ <li class="nav-tree__item ">
3908
+
3909
+ <a class="nav-tree__link " href="/frontend/sass/components/placeholder-block/">
3910
+
3911
+
3912
+ <span class="nav-tree__text">
3913
+ Placeholder-block
3914
+ </span>
3915
+
3916
+ </a>
3917
+
3918
+
3919
+ </li>
3920
+
3921
+
3922
+ <li class="nav-tree__item ">
3923
+
3924
+ <a class="nav-tree__link " href="/frontend/sass/components/popover/">
3925
+
3926
+
3927
+ <span class="nav-tree__text">
3928
+ Popover
3929
+ </span>
3930
+
3931
+ </a>
3932
+
3933
+
3934
+ </li>
3935
+
3936
+
3937
+ <li class="nav-tree__item ">
3938
+
3939
+ <a class="nav-tree__link " href="/frontend/sass/components/pull-quote/">
3940
+
3941
+
3942
+ <span class="nav-tree__text">
3943
+ Pull-quote
3944
+ </span>
3945
+
3946
+ </a>
3947
+
3948
+
3949
+ </li>
3950
+
3951
+
3952
+ <li class="nav-tree__item ">
3953
+
3954
+ <a class="nav-tree__link " href="/frontend/sass/components/ratio-box/">
3955
+
3956
+
3957
+ <span class="nav-tree__text">
3958
+ Ratio-box
3959
+ </span>
3960
+
3961
+ </a>
3962
+
3963
+
3964
+ </li>
3965
+
3966
+
3967
+ <li class="nav-tree__item ">
3968
+
3969
+ <a class="nav-tree__link " href="/frontend/sass/components/rule/">
3970
+
3971
+
3972
+ <span class="nav-tree__text">
3973
+ Rule
3974
+ </span>
3975
+
3976
+ </a>
3977
+
3978
+
3979
+ </li>
3980
+
3981
+
3982
+ <li class="nav-tree__item ">
3983
+
3984
+ <a class="nav-tree__link " href="/frontend/sass/components/scroll-slider/">
3985
+
3986
+
3987
+ <span class="nav-tree__text">
3988
+ Scroll-slider
3989
+ </span>
3990
+
3991
+ </a>
3992
+
3993
+
3994
+ </li>
3995
+
3996
+
3997
+ <li class="nav-tree__item ">
3998
+
3999
+ <a class="nav-tree__link " href="/frontend/sass/components/skip-link/">
4000
+
4001
+
4002
+ <span class="nav-tree__text">
4003
+ Skip-link
4004
+ </span>
4005
+
4006
+ </a>
4007
+
4008
+
4009
+ </li>
4010
+
4011
+
4012
+ <li class="nav-tree__item ">
4013
+
4014
+ <a class="nav-tree__link " href="/frontend/sass/components/slider/">
4015
+
4016
+
4017
+ <span class="nav-tree__text">
4018
+ Slider
4019
+ </span>
4020
+
4021
+ </a>
4022
+
4023
+
4024
+ </li>
4025
+
4026
+
4027
+ <li class="nav-tree__item ">
4028
+
4029
+ <a class="nav-tree__link " href="/frontend/sass/components/spoke-spinner/">
4030
+
4031
+
4032
+ <span class="nav-tree__text">
4033
+ Spoke-spinner
4034
+ </span>
4035
+
4036
+ </a>
4037
+
4038
+
4039
+ </li>
4040
+
4041
+
4042
+ <li class="nav-tree__item ">
4043
+
4044
+ <a class="nav-tree__link " href="/frontend/sass/components/tabs/">
4045
+
4046
+
4047
+ <span class="nav-tree__text">
4048
+ Tabs
4049
+ </span>
4050
+
4051
+ </a>
4052
+
4053
+
4054
+ </li>
4055
+
4056
+
4057
+ <li class="nav-tree__item ">
4058
+
4059
+ <a class="nav-tree__link " href="/frontend/sass/components/tag/">
4060
+
4061
+
4062
+ <span class="nav-tree__text">
4063
+ Tag
4064
+ </span>
4065
+
4066
+ </a>
4067
+
4068
+
4069
+ </li>
4070
+
4071
+
4072
+ <li class="nav-tree__item ">
4073
+
4074
+ <a class="nav-tree__link " href="/frontend/sass/components/tile-button/">
4075
+
4076
+
4077
+ <span class="nav-tree__text">
4078
+ Tile-button
4079
+ </span>
4080
+
4081
+ </a>
4082
+
4083
+
4084
+ </li>
4085
+
4086
+
4087
+ <li class="nav-tree__item ">
4088
+
4089
+ <a class="nav-tree__link " href="/frontend/sass/components/tile-grid/">
4090
+
4091
+
4092
+ <span class="nav-tree__text">
4093
+ Tile-grid
4094
+ </span>
4095
+
4096
+ </a>
4097
+
4098
+
4099
+ </li>
4100
+
4101
+
4102
+ <li class="nav-tree__item ">
4103
+
4104
+ <a class="nav-tree__link " href="/frontend/sass/components/tile-grid-overlay/">
4105
+
4106
+
4107
+ <span class="nav-tree__text">
4108
+ Tile-grid-overlay
4109
+ </span>
4110
+
4111
+ </a>
4112
+
4113
+
4114
+ </li>
4115
+
4116
+
4117
+ <li class="nav-tree__item ">
4118
+
4119
+ <a class="nav-tree__link " href="/frontend/sass/components/vignette/">
4120
+
4121
+
4122
+ <span class="nav-tree__text">
4123
+ Vignette
4124
+ </span>
4125
+
4126
+ </a>
4127
+
4128
+
4129
+ </li>
4130
+
4131
+
4132
+ <li class="nav-tree__item ">
4133
+
4134
+ <a class="nav-tree__link " href="/frontend/sass/components/wysiwyg/">
4135
+
4136
+
4137
+ <span class="nav-tree__text">
4138
+ Wysiwyg
4139
+ </span>
4140
+
4141
+ </a>
4142
+
4143
+
4144
+ </li>
4145
+
4146
+ </ul>
4147
+
4148
+ </details>
4149
+ </li>
4150
+
4151
+
4152
+ <li class="nav-tree__item ">
4153
+ <details class="nav-tree__collapsible">
4154
+ <summary class="nav-tree__toggle">
4155
+
4156
+ <span class="nav-tree__toggle-content">
4157
+
4158
+
4159
+ <span class="nav-tree__text">
4160
+ Helpers
4161
+ </span>
4162
+
4163
+ </span>
4164
+ <span class="nav-tree__toggle-icon fas fa-chevron-down" aria-hidden="true"></span>
4165
+
4166
+ </summary>
4167
+
4168
+ <ul class="nav-tree" data-menu-depth="3">
4169
+
4170
+ <li class="nav-tree__item ">
4171
+
4172
+ <a class="nav-tree__link nav-tree__link--index " href="/frontend/sass/helpers/">
4173
+
4174
+
4175
+ <span class="nav-tree__text">
4176
+ Introduction
4177
+ </span>
4178
+
4179
+ </a>
4180
+
4181
+
4182
+ </li>
4183
+
4184
+
4185
+ <li class="nav-tree__item ">
4186
+
4187
+ <a class="nav-tree__link " href="/frontend/sass/helpers/color/">
4188
+
4189
+
4190
+ <span class="nav-tree__text">
4191
+ Color
4192
+ </span>
4193
+
4194
+ </a>
4195
+
4196
+
4197
+ </li>
4198
+
4199
+
4200
+ <li class="nav-tree__item ">
4201
+
4202
+ <a class="nav-tree__link " href="/frontend/sass/helpers/display/">
4203
+
4204
+
4205
+ <span class="nav-tree__text">
4206
+ Display
4207
+ </span>
4208
+
4209
+ </a>
4210
+
4211
+
4212
+ </li>
4213
+
4214
+
4215
+ <li class="nav-tree__item ">
4216
+
4217
+ <a class="nav-tree__link " href="/frontend/sass/helpers/index/">
4218
+
4219
+
4220
+ <span class="nav-tree__text">
4221
+ Index
4222
+ </span>
4223
+
4224
+ </a>
4225
+
4226
+
4227
+ </li>
4228
+
4229
+
4230
+ <li class="nav-tree__item ">
4231
+
4232
+ <a class="nav-tree__link " href="/frontend/sass/helpers/print/">
4233
+
4234
+
4235
+ <span class="nav-tree__text">
4236
+ Print
4237
+ </span>
4238
+
4239
+ </a>
4240
+
4241
+
4242
+ </li>
4243
+
4244
+
4245
+ <li class="nav-tree__item ">
4246
+
4247
+ <a class="nav-tree__link " href="/frontend/sass/helpers/typography/">
4248
+
4249
+
4250
+ <span class="nav-tree__text">
4251
+ Typography
4252
+ </span>
4253
+
4254
+ </a>
4255
+
4256
+
4257
+ </li>
4258
+
4259
+
4260
+ <li class="nav-tree__item ">
4261
+
4262
+ <a class="nav-tree__link " href="/frontend/sass/helpers/units/">
4263
+
4264
+
4265
+ <span class="nav-tree__text">
4266
+ Units
4267
+ </span>
4268
+
4269
+ </a>
4270
+
4271
+
4272
+ </li>
4273
+
4274
+
4275
+ <li class="nav-tree__item ">
4276
+
4277
+ <a class="nav-tree__link " href="/frontend/sass/helpers/utilities/">
4278
+
4279
+
4280
+ <span class="nav-tree__text">
4281
+ Utilities
4282
+ </span>
4283
+
4284
+ </a>
4285
+
4286
+
4287
+ </li>
4288
+
4289
+ </ul>
4290
+
4291
+ </details>
4292
+ </li>
4293
+
4294
+ </ul>
4295
+
4296
+ </details>
4297
+ </li>
4298
+
4299
+
4300
+ <li class="nav-tree__item ">
4301
+ <details class="nav-tree__collapsible">
4302
+ <summary class="nav-tree__toggle">
4303
+
4304
+ <span class="nav-tree__toggle-content">
4305
+
4306
+
4307
+ <span class="nav-tree__icon fab fa-js" aria-hidden="true"></span>
4308
+
4309
+ <span class="nav-tree__text">
4310
+ Javascript API
4311
+ </span>
4312
+
4313
+ </span>
4314
+ <span class="nav-tree__toggle-icon fas fa-chevron-down" aria-hidden="true"></span>
4315
+
4316
+ </summary>
4317
+
4318
+ <ul class="nav-tree" data-menu-depth="2">
4319
+
4320
+ <li class="nav-tree__item ">
4321
+
4322
+ <a class="nav-tree__link nav-tree__link--index " href="/frontend/javascript/">
4323
+
4324
+
4325
+ <span class="nav-tree__text">
4326
+ Introduction
4327
+ </span>
4328
+
4329
+ </a>
4330
+
4331
+
4332
+ </li>
4333
+
4334
+
4335
+ <li class="nav-tree__item ">
4336
+
4337
+ <a class="nav-tree__link " href="/frontend/javascript/events/">
4338
+
4339
+
4340
+ <span class="nav-tree__text">
4341
+ events
4342
+ </span>
4343
+
4344
+ </a>
4345
+
4346
+
4347
+ </li>
4348
+
4349
+
4350
+ <li class="nav-tree__item ">
4351
+
4352
+ <a class="nav-tree__link " href="/frontend/javascript/settings/">
4353
+
4354
+
4355
+ <span class="nav-tree__text">
4356
+ settings
4357
+ </span>
4358
+
4359
+ </a>
4360
+
4361
+
4362
+ </li>
4363
+
4364
+
4365
+ <li class="nav-tree__item ">
4366
+
4367
+ <a class="nav-tree__link " href="/frontend/javascript/ui-breakpoints/">
4368
+
4369
+
4370
+ <span class="nav-tree__text">
4371
+ ui/breakpoints
4372
+ </span>
4373
+
4374
+ </a>
4375
+
4376
+
4377
+ </li>
4378
+
4379
+
4380
+ <li class="nav-tree__item ">
4381
+
4382
+ <a class="nav-tree__link " href="/frontend/javascript/ui-collapsible/">
4383
+
4384
+
4385
+ <span class="nav-tree__text">
4386
+ ui/collapsible
4387
+ </span>
4388
+
4389
+ </a>
4390
+
4391
+
4392
+ </li>
4393
+
4394
+
4395
+ <li class="nav-tree__item ">
4396
+
4397
+ <a class="nav-tree__link " href="/frontend/javascript/ui-details-group/">
4398
+
4399
+
4400
+ <span class="nav-tree__text">
4401
+ ui/details-group
4402
+ </span>
4403
+
4404
+ </a>
4405
+
4406
+
4407
+ </li>
4408
+
4409
+
4410
+ <li class="nav-tree__item ">
4411
+
4412
+ <a class="nav-tree__link " href="/frontend/javascript/ui-dialog/">
4413
+
4414
+
4415
+ <span class="nav-tree__text">
4416
+ ui/dialog
4417
+ </span>
4418
+
4419
+ </a>
4420
+
4421
+
4422
+ </li>
4423
+
4424
+
4425
+ <li class="nav-tree__item ">
4426
+
4427
+ <a class="nav-tree__link " href="/frontend/javascript/ui-flipcard/">
4428
+
4429
+
4430
+ <span class="nav-tree__text">
4431
+ ui/flipcard
4432
+ </span>
4433
+
4434
+ </a>
4435
+
4436
+
4437
+ </li>
4438
+
4439
+
4440
+ <li class="nav-tree__item ">
4441
+
4442
+ <a class="nav-tree__link " href="/frontend/javascript/ui-grid/">
4443
+
4444
+
4445
+ <span class="nav-tree__text">
4446
+ ui/grid
4447
+ </span>
4448
+
4449
+ </a>
4450
+
4451
+
4452
+ </li>
4453
+
4454
+
4455
+ <li class="nav-tree__item ">
4456
+
4457
+ <a class="nav-tree__link " href="/frontend/javascript/ui-modal-builder/">
4458
+
4459
+
4460
+ <span class="nav-tree__text">
4461
+ ui/modal-builder
4462
+ </span>
4463
+
4464
+ </a>
4465
+
4466
+
4467
+ </li>
4468
+
4469
+
4470
+ <li class="nav-tree__item ">
4471
+
4472
+ <a class="nav-tree__link " href="/frontend/javascript/ui-overflow-scroller/">
4473
+
4474
+
4475
+ <span class="nav-tree__text">
4476
+ ui/overflow-scroller
4477
+ </span>
4478
+
4479
+ </a>
4480
+
4481
+
4482
+ </li>
4483
+
4484
+
4485
+ <li class="nav-tree__item ">
4486
+
4487
+ <a class="nav-tree__link " href="/frontend/javascript/ui-overflow-scroller-pager/">
4488
+
4489
+
4490
+ <span class="nav-tree__text">
4491
+ ui/overflow-scroller-pager
4492
+ </span>
4493
+
4494
+ </a>
4495
+
4496
+
4497
+ </li>
4498
+
4499
+
4500
+ <li class="nav-tree__item ">
4501
+
4502
+ <a class="nav-tree__link " href="/frontend/javascript/ui-page/">
4503
+
4504
+
4505
+ <span class="nav-tree__text">
4506
+ ui/page
4507
+ </span>
4508
+
4509
+ </a>
4510
+
4511
+
4512
+ </li>
4513
+
4514
+
4515
+ <li class="nav-tree__item ">
4516
+
4517
+ <a class="nav-tree__link " href="/frontend/javascript/ui-popover/">
4518
+
4519
+
4520
+ <span class="nav-tree__text">
4521
+ ui/popover
4522
+ </span>
4523
+
4524
+ </a>
4525
+
4526
+
4527
+ </li>
4528
+
4529
+
4530
+ <li class="nav-tree__item ">
4531
+
4532
+ <a class="nav-tree__link " href="/frontend/javascript/ui-print/">
4533
+
4534
+
4535
+ <span class="nav-tree__text">
4536
+ ui/print
4537
+ </span>
4538
+
4539
+ </a>
4540
+
4541
+
4542
+ </li>
4543
+
4544
+
4545
+ <li class="nav-tree__item ">
4546
+
4547
+ <a class="nav-tree__link " href="/frontend/javascript/ui-print-details/">
4548
+
4549
+
4550
+ <span class="nav-tree__text">
4551
+ ui/print-details
4552
+ </span>
4553
+
4554
+ </a>
4555
+
4556
+
4557
+ </li>
4558
+
4559
+
4560
+ <li class="nav-tree__item ">
4561
+
4562
+ <a class="nav-tree__link " href="/frontend/javascript/ui-programmatic-modal/">
4563
+
4564
+
4565
+ <span class="nav-tree__text">
4566
+ ui/programmatic-modal
4567
+ </span>
4568
+
4569
+ </a>
4570
+
4571
+
4572
+ </li>
4573
+
4574
+
4575
+ <li class="nav-tree__item ">
4576
+
4577
+ <a class="nav-tree__link " href="/frontend/javascript/ui-proxy-click/">
4578
+
4579
+
4580
+ <span class="nav-tree__text">
4581
+ ui/proxy-click
4582
+ </span>
4583
+
4584
+ </a>
4585
+
4586
+
4587
+ </li>
4588
+
4589
+
4590
+ <li class="nav-tree__item ">
4591
+
4592
+ <a class="nav-tree__link " href="/frontend/javascript/ui-resizer/">
4593
+
4594
+
4595
+ <span class="nav-tree__text">
4596
+ ui/resizer
4597
+ </span>
4598
+
4599
+ </a>
4600
+
4601
+
4602
+ </li>
4603
+
4604
+
4605
+ <li class="nav-tree__item ">
4606
+
4607
+ <a class="nav-tree__link " href="/frontend/javascript/ui-scroll-slider/">
4608
+
4609
+
4610
+ <span class="nav-tree__text">
4611
+ ui/scroll-slider
4612
+ </span>
4613
+
4614
+ </a>
4615
+
4616
+
4617
+ </li>
4618
+
4619
+
4620
+ <li class="nav-tree__item ">
4621
+
4622
+ <a class="nav-tree__link " href="/frontend/javascript/ui-scrollpoint/">
4623
+
4624
+
4625
+ <span class="nav-tree__text">
4626
+ ui/scrollpoint
4627
+ </span>
4628
+
4629
+ </a>
4630
+
4631
+
4632
+ </li>
4633
+
4634
+
4635
+ <li class="nav-tree__item ">
4636
+
4637
+ <a class="nav-tree__link " href="/frontend/javascript/ui-slider/">
4638
+
4639
+
4640
+ <span class="nav-tree__text">
4641
+ ui/slider
4642
+ </span>
4643
+
4644
+ </a>
4645
+
4646
+
4647
+ </li>
4648
+
4649
+
4650
+ <li class="nav-tree__item ">
4651
+
4652
+ <a class="nav-tree__link " href="/frontend/javascript/ui-tabs/">
4653
+
4654
+
4655
+ <span class="nav-tree__text">
4656
+ ui/tabs
4657
+ </span>
4658
+
4659
+ </a>
4660
+
4661
+
4662
+ </li>
4663
+
4664
+
4665
+ <li class="nav-tree__item ">
4666
+
4667
+ <a class="nav-tree__link " href="/frontend/javascript/ui-tooltip/">
4668
+
4669
+
4670
+ <span class="nav-tree__text">
4671
+ ui/tooltip
4672
+ </span>
4673
+
4674
+ </a>
4675
+
4676
+
4677
+ </li>
4678
+
4679
+
4680
+ <li class="nav-tree__item ">
4681
+
4682
+ <a class="nav-tree__link " href="/frontend/javascript/utils-class-logger/">
4683
+
4684
+
4685
+ <span class="nav-tree__text">
4686
+ utils/class-logger
4687
+ </span>
4688
+
4689
+ </a>
4690
+
4691
+
4692
+ </li>
4693
+
4694
+
4695
+ <li class="nav-tree__item ">
4696
+
4697
+ <a class="nav-tree__link " href="/frontend/javascript/utils-dom/">
4698
+
4699
+
4700
+ <span class="nav-tree__text">
4701
+ utils/dom
4702
+ </span>
4703
+
4704
+ </a>
4705
+
4706
+
4707
+ </li>
4708
+
4709
+
4710
+ <li class="nav-tree__item ">
4711
+
4712
+ <a class="nav-tree__link " href="/frontend/javascript/utils-file-save/">
4713
+
4714
+
4715
+ <span class="nav-tree__text">
4716
+ utils/file-save
4717
+ </span>
4718
+
4719
+ </a>
4720
+
4721
+
4722
+ </li>
4723
+
4724
+
4725
+ <li class="nav-tree__item ">
4726
+
4727
+ <a class="nav-tree__link " href="/frontend/javascript/utils-floating-ui/">
4728
+
4729
+
4730
+ <span class="nav-tree__text">
4731
+ utils/floating-ui
4732
+ </span>
4733
+
4734
+ </a>
4735
+
4736
+
4737
+ </li>
4738
+
4739
+
4740
+ <li class="nav-tree__item ">
4741
+
4742
+ <a class="nav-tree__link " href="/frontend/javascript/utils-id/">
4743
+
4744
+
4745
+ <span class="nav-tree__text">
4746
+ utils/id
4747
+ </span>
4748
+
4749
+ </a>
4750
+
4751
+
4752
+ </li>
4753
+
4754
+
4755
+ <li class="nav-tree__item ">
4756
+
4757
+ <a class="nav-tree__link " href="/frontend/javascript/utils-pause-youtube-video/">
4758
+
4759
+
4760
+ <span class="nav-tree__text">
4761
+ utils/pause-youtube-video
4762
+ </span>
4763
+
4764
+ </a>
4765
+
4766
+
4767
+ </li>
4768
+
4769
+ </ul>
4770
+
4771
+ </details>
4772
+ </li>
4773
+
4774
+
4775
+ <li class="nav-tree__item nav-tree__item--separator-before">
4776
+
4777
+ <a class="nav-tree__link " href="/frontend/changelog/">
4778
+
4779
+
4780
+ <span class="nav-tree__icon fas fa-clock-rotate-left" aria-hidden="true"></span>
4781
+
4782
+ <span class="nav-tree__text">
4783
+ Changelog
4784
+ </span>
4785
+
4786
+ </a>
4787
+
4788
+
4789
+ </li>
4790
+
4791
+ </ul>
4792
+
4793
+ </div>
4794
+ </nav>
4795
+ </header>
4796
+
4797
+ <div class="page__toc page-toc">
4798
+ <h2>Jump To:</h2>
4799
+ <div class="toc">
4800
+ <ol>
4801
+
4802
+ <li><a href="#one-open-at-a-time">One Open at a Time</a>
4803
+ </li>
4804
+ </ol>
4805
+ </div>
4806
+ </div>
4807
+
4808
+ <main id="main" class="page__body">
4809
+
4810
+
4811
+
4812
+
4813
+ <div class="page__body-top container ">
4814
+ <h1 class="page__title h1">Details Group</h1>
4815
+
4816
+ <p class="type-large type-light">
4817
+ Test the javascript plugin for managing groups of details (such as accordions)
4818
+ </p>
4819
+
4820
+
4821
+ <hr class="rule rule--light rule--margin-large">
4822
+
4823
+ <div class="wysiwyg">
4824
+ <h2 id="one-open-at-a-time" tabindex="-1">One Open at a Time</h2>
4825
+ <div data-ulu-details-group='{ "onlyOneOpen" : true }'>
4826
+ <details class="accordion">
4827
+ <summary class="accordion__summary">
4828
+ This is an example Title
4829
+ </summary>
4830
+ <div class="accordion__content">
4831
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam commodo felis nisi, nec pretium justo varius sit amet. Vestibulum vitae quam in velit scelerisque tincidunt et vitae mauris. Fusce aliquet, ipsum sit amet lacinia euismod, est risus rhoncus ligula, eget egestas urna ligula nec enim. Fusce vulputate ornare ligula ut tempus. Sed accumsan orci sed turpis iaculis, at aliquam nibh rhoncus. Maecenas porta lorem a sem tincidunt, sed tristique ex laoreet. Nullam accumsan metus at lobortis interdum. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam sagittis sem erat, quis fermentum lectus ultrices quis.</p>
4832
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam commodo felis nisi, nec pretium justo varius sit amet. Vestibulum vitae quam in velit scelerisque tincidunt et vitae mauris. Fusce aliquet, ipsum sit amet lacinia euismod, est risus rhoncus ligula, eget egestas urna ligula nec enim. Fusce vulputate ornare ligula ut tempus. Sed accumsan orci sed turpis iaculis, at aliquam nibh rhoncus. Maecenas porta lorem a sem tincidunt, sed tristique ex laoreet. Nullam accumsan metus at lobortis interdum. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam sagittis sem erat, quis fermentum lectus ultrices quis.</p>
4833
+ </div>
4834
+ </details>
4835
+ <details class="accordion">
4836
+ <summary class="accordion__summary">
4837
+ This is an example Title
4838
+ </summary>
4839
+ <div class="accordion__content">
4840
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam commodo felis nisi, nec pretium justo varius sit amet. Vestibulum vitae quam in velit scelerisque tincidunt et vitae mauris. Fusce aliquet, ipsum sit amet lacinia euismod, est risus rhoncus ligula, eget egestas urna ligula nec enim. Fusce vulputate ornare ligula ut tempus. Sed accumsan orci sed turpis iaculis, at aliquam nibh rhoncus. Maecenas porta lorem a sem tincidunt, sed tristique ex laoreet. Nullam accumsan metus at lobortis interdum. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam sagittis sem erat, quis fermentum lectus ultrices quis.</p>
4841
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam commodo felis nisi, nec pretium justo varius sit amet. Vestibulum vitae quam in velit scelerisque tincidunt et vitae mauris. Fusce aliquet, ipsum sit amet lacinia euismod, est risus rhoncus ligula, eget egestas urna ligula nec enim. Fusce vulputate ornare ligula ut tempus. Sed accumsan orci sed turpis iaculis, at aliquam nibh rhoncus. Maecenas porta lorem a sem tincidunt, sed tristique ex laoreet. Nullam accumsan metus at lobortis interdum. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam sagittis sem erat, quis fermentum lectus ultrices quis.</p>
4842
+ </div>
4843
+ </details>
4844
+ <details class="accordion">
4845
+ <summary class="accordion__summary">
4846
+ This is an example Title
4847
+ </summary>
4848
+ <div class="accordion__content">
4849
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam commodo felis nisi, nec pretium justo varius sit amet. Vestibulum vitae quam in velit scelerisque tincidunt et vitae mauris. Fusce aliquet, ipsum sit amet lacinia euismod, est risus rhoncus ligula, eget egestas urna ligula nec enim. Fusce vulputate ornare ligula ut tempus. Sed accumsan orci sed turpis iaculis, at aliquam nibh rhoncus. Maecenas porta lorem a sem tincidunt, sed tristique ex laoreet. Nullam accumsan metus at lobortis interdum. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam sagittis sem erat, quis fermentum lectus ultrices quis.</p>
4850
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam commodo felis nisi, nec pretium justo varius sit amet. Vestibulum vitae quam in velit scelerisque tincidunt et vitae mauris. Fusce aliquet, ipsum sit amet lacinia euismod, est risus rhoncus ligula, eget egestas urna ligula nec enim. Fusce vulputate ornare ligula ut tempus. Sed accumsan orci sed turpis iaculis, at aliquam nibh rhoncus. Maecenas porta lorem a sem tincidunt, sed tristique ex laoreet. Nullam accumsan metus at lobortis interdum. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam sagittis sem erat, quis fermentum lectus ultrices quis.</p>
4851
+ </div>
4852
+ </details>
4853
+ </div>
4854
+ </div>
4855
+ </div>
4856
+
4857
+ </main>
4858
+ <footer></footer>
4859
+
4860
+
4861
+ <script src="http://localhost:5173/@vite/client" type="module"></script>
4862
+ <script src="http://localhost:5173/docs-src/src/main.js" type="module"></script>
4863
+
4864
+
4865
+
4866
+ </body>
4867
+ </html>