@ulu/frontend 0.1.0-beta.14 → 0.1.0-beta.16

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 (165) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/dist/ulu-frontend.min.css +1 -1
  3. package/dist/ulu-frontend.min.js +18 -18
  4. package/docs-dev/changelog/index.html +30 -0
  5. package/docs-dev/demos/accordion/index.html +30 -0
  6. package/docs-dev/demos/button/index.html +30 -0
  7. package/docs-dev/demos/callout/index.html +30 -0
  8. package/docs-dev/demos/captioned-figure/index.html +30 -0
  9. package/docs-dev/demos/card/index.html +30 -0
  10. package/docs-dev/demos/css-icons/index.html +30 -0
  11. package/docs-dev/demos/data-grid/index.html +30 -0
  12. package/docs-dev/demos/data-table/index.html +55 -25
  13. package/docs-dev/demos/file-save/index.html +30 -0
  14. package/docs-dev/demos/flipcard/index.html +30 -0
  15. package/docs-dev/demos/form-theme/index.html +30 -0
  16. package/docs-dev/demos/index.html +30 -0
  17. package/docs-dev/demos/list-inline/index.html +30 -0
  18. package/docs-dev/demos/list-lines/index.html +30 -0
  19. package/docs-dev/demos/menu-stack/index.html +30 -0
  20. package/docs-dev/demos/modals/index.html +30 -0
  21. package/docs-dev/demos/nav-strip/index.html +30 -0
  22. package/docs-dev/demos/overlay-section/index.html +30 -0
  23. package/docs-dev/demos/popovers/index.html +30 -0
  24. package/docs-dev/demos/print/index.html +30 -0
  25. package/docs-dev/demos/pull-quote/index.html +30 -0
  26. package/docs-dev/demos/rule/index.html +30 -0
  27. package/docs-dev/demos/scrollpoints/index.html +30 -0
  28. package/docs-dev/demos/spoke-spinner/index.html +30 -0
  29. package/docs-dev/demos/tabs/index.html +30 -0
  30. package/docs-dev/demos/tag/index.html +30 -0
  31. package/docs-dev/demos/tiles/index.html +30 -0
  32. package/docs-dev/demos/tooltip/index.html +30 -0
  33. package/docs-dev/guide/building-stylesheet/index.html +30 -0
  34. package/docs-dev/guide/developing-ulu-scss-module/index.html +30 -0
  35. package/docs-dev/guide/index.html +30 -0
  36. package/docs-dev/index.html +30 -0
  37. package/docs-dev/javascript/events/index.html +30 -0
  38. package/docs-dev/javascript/index.html +30 -0
  39. package/docs-dev/javascript/settings/index.html +4907 -0
  40. package/docs-dev/javascript/ui-breakpoints/index.html +30 -0
  41. package/docs-dev/javascript/ui-collapsible/index.html +30 -0
  42. package/docs-dev/javascript/ui-dialog/index.html +30 -0
  43. package/docs-dev/javascript/ui-flipcard/index.html +30 -0
  44. package/docs-dev/javascript/ui-grid/index.html +30 -0
  45. package/docs-dev/javascript/ui-modal-builder/index.html +30 -0
  46. package/docs-dev/javascript/ui-overflow-scroller/index.html +30 -0
  47. package/docs-dev/javascript/ui-overflow-scroller-pager/index.html +30 -0
  48. package/docs-dev/javascript/ui-page/index.html +30 -0
  49. package/docs-dev/javascript/ui-popover/index.html +30 -0
  50. package/docs-dev/javascript/ui-print/index.html +30 -0
  51. package/docs-dev/javascript/ui-print-details/index.html +30 -0
  52. package/docs-dev/javascript/ui-programmatic-modal/index.html +30 -0
  53. package/docs-dev/javascript/ui-proxy-click/index.html +30 -0
  54. package/docs-dev/javascript/ui-resizer/index.html +30 -0
  55. package/docs-dev/javascript/ui-scroll-slider/index.html +30 -0
  56. package/docs-dev/javascript/ui-scrollpoint/index.html +30 -0
  57. package/docs-dev/javascript/ui-slider/index.html +30 -0
  58. package/docs-dev/javascript/ui-tabs/index.html +30 -0
  59. package/docs-dev/javascript/ui-tooltip/index.html +30 -0
  60. package/docs-dev/javascript/utils-class-logger/index.html +30 -0
  61. package/docs-dev/javascript/utils-dom/index.html +30 -0
  62. package/docs-dev/javascript/utils-file-save/index.html +30 -0
  63. package/docs-dev/javascript/utils-floating-ui/index.html +30 -0
  64. package/docs-dev/javascript/utils-id/index.html +30 -0
  65. package/docs-dev/javascript/utils-pause-youtube-video/index.html +30 -0
  66. package/docs-dev/sass/base/color/index.html +30 -0
  67. package/docs-dev/sass/base/elements/index.html +30 -0
  68. package/docs-dev/sass/base/index/index.html +30 -0
  69. package/docs-dev/sass/base/index.html +30 -0
  70. package/docs-dev/sass/base/keyframes/index.html +30 -0
  71. package/docs-dev/sass/base/layout/index.html +30 -0
  72. package/docs-dev/sass/base/normalize/index.html +30 -0
  73. package/docs-dev/sass/base/print/index.html +30 -0
  74. package/docs-dev/sass/base/root/index.html +30 -0
  75. package/docs-dev/sass/base/typography/index.html +30 -0
  76. package/docs-dev/sass/components/accordion/index.html +30 -0
  77. package/docs-dev/sass/components/adaptive-spacing/index.html +30 -0
  78. package/docs-dev/sass/components/badge/index.html +30 -0
  79. package/docs-dev/sass/components/button/index.html +30 -0
  80. package/docs-dev/sass/components/button-verbose/index.html +30 -0
  81. package/docs-dev/sass/components/callout/index.html +30 -0
  82. package/docs-dev/sass/components/captioned-figure/index.html +30 -0
  83. package/docs-dev/sass/components/card/index.html +30 -0
  84. package/docs-dev/sass/components/card-grid/index.html +30 -0
  85. package/docs-dev/sass/components/css-icon/index.html +30 -0
  86. package/docs-dev/sass/components/data-grid/index.html +30 -0
  87. package/docs-dev/sass/components/data-table/index.html +30 -0
  88. package/docs-dev/sass/components/fill-context/index.html +30 -0
  89. package/docs-dev/sass/components/flipcard/index.html +30 -0
  90. package/docs-dev/sass/components/flipcard-grid/index.html +30 -0
  91. package/docs-dev/sass/components/form-theme/index.html +30 -0
  92. package/docs-dev/sass/components/hero/index.html +30 -0
  93. package/docs-dev/sass/components/horizontal-rule/index.html +30 -0
  94. package/docs-dev/sass/components/image-grid/index.html +30 -0
  95. package/docs-dev/sass/components/index/index.html +30 -0
  96. package/docs-dev/sass/components/index.html +30 -0
  97. package/docs-dev/sass/components/links/index.html +30 -0
  98. package/docs-dev/sass/components/list-inline/index.html +30 -0
  99. package/docs-dev/sass/components/list-lines/index.html +30 -0
  100. package/docs-dev/sass/components/list-ordered/index.html +30 -0
  101. package/docs-dev/sass/components/list-unordered/index.html +30 -0
  102. package/docs-dev/sass/components/menu-stack/index.html +30 -0
  103. package/docs-dev/sass/components/modal/index.html +30 -0
  104. package/docs-dev/sass/components/nav-strip/index.html +30 -0
  105. package/docs-dev/sass/components/overlay-section/index.html +30 -0
  106. package/docs-dev/sass/components/pager/index.html +30 -0
  107. package/docs-dev/sass/components/placeholder-block/index.html +30 -0
  108. package/docs-dev/sass/components/popover/index.html +30 -0
  109. package/docs-dev/sass/components/pull-quote/index.html +30 -0
  110. package/docs-dev/sass/components/ratio-box/index.html +30 -0
  111. package/docs-dev/sass/components/rule/index.html +30 -0
  112. package/docs-dev/sass/components/scroll-slider/index.html +30 -0
  113. package/docs-dev/sass/components/skip-link/index.html +30 -0
  114. package/docs-dev/sass/components/slider/index.html +32 -2
  115. package/docs-dev/sass/components/spoke-spinner/index.html +30 -0
  116. package/docs-dev/sass/components/tabs/index.html +30 -0
  117. package/docs-dev/sass/components/tag/index.html +30 -0
  118. package/docs-dev/sass/components/tile-button/index.html +30 -0
  119. package/docs-dev/sass/components/tile-grid/index.html +30 -0
  120. package/docs-dev/sass/components/tile-grid-overlay/index.html +30 -0
  121. package/docs-dev/sass/components/vignette/index.html +30 -0
  122. package/docs-dev/sass/components/wysiwyg/index.html +30 -0
  123. package/docs-dev/sass/core/breakpoint/index.html +30 -0
  124. package/docs-dev/sass/core/button/index.html +30 -0
  125. package/docs-dev/sass/core/color/index.html +30 -0
  126. package/docs-dev/sass/core/cssvar/index.html +30 -0
  127. package/docs-dev/sass/core/element/index.html +30 -0
  128. package/docs-dev/sass/core/index.html +30 -0
  129. package/docs-dev/sass/core/layout/index.html +30 -0
  130. package/docs-dev/sass/core/path/index.html +30 -0
  131. package/docs-dev/sass/core/selector/index.html +30 -0
  132. package/docs-dev/sass/core/typography/index.html +30 -0
  133. package/docs-dev/sass/core/units/index.html +30 -0
  134. package/docs-dev/sass/core/utils/index.html +30 -0
  135. package/docs-dev/sass/helpers/color/index.html +30 -0
  136. package/docs-dev/sass/helpers/display/index.html +30 -0
  137. package/docs-dev/sass/helpers/index/index.html +30 -0
  138. package/docs-dev/sass/helpers/index.html +30 -0
  139. package/docs-dev/sass/helpers/print/index.html +30 -0
  140. package/docs-dev/sass/helpers/typography/index.html +30 -0
  141. package/docs-dev/sass/helpers/units/index.html +30 -0
  142. package/docs-dev/sass/helpers/utilities/index.html +30 -0
  143. package/docs-dev/sass/index.html +30 -0
  144. package/js/index.js +1 -0
  145. package/js/settings.js +78 -0
  146. package/js/ui/modal-builder.js +3 -2
  147. package/js/ui/overflow-scroller.js +5 -4
  148. package/js/ui/programmatic-modal.js +4 -3
  149. package/js/ui/slider.js +7 -6
  150. package/js/utils/font-awesome.js +18 -0
  151. package/js/utils/index.js +2 -1
  152. package/package.json +1 -1
  153. package/scss/components/_slider.scss +6 -27
  154. package/types/index.d.ts +1 -0
  155. package/types/settings.d.ts +38 -0
  156. package/types/settings.d.ts.map +1 -0
  157. package/types/ui/modal-builder.d.ts +2 -2
  158. package/types/ui/modal-builder.d.ts.map +1 -1
  159. package/types/ui/overflow-scroller.d.ts +2 -2
  160. package/types/ui/overflow-scroller.d.ts.map +1 -1
  161. package/types/ui/slider.d.ts +2 -2
  162. package/types/ui/slider.d.ts.map +1 -1
  163. package/types/utils/font-awesome.d.ts +5 -0
  164. package/types/utils/font-awesome.d.ts.map +1 -0
  165. package/types/utils/index.d.ts +1 -0
package/docs-dev/javascript/settings/index.html ADDED
@@ -0,0 +1,4907 @@
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
+ settings
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 ">
127
+ <details class="nav-tree__collapsible">
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 ">
268
+
269
+ <a class="nav-tree__link " href="/frontend/demos/file-save/">
270
+
271
+
272
+ <span class="nav-tree__text">
273
+ File Save
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/flipcard/">
285
+
286
+
287
+ <span class="nav-tree__text">
288
+ Flip Card
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/form-theme/">
300
+
301
+
302
+ <span class="nav-tree__text">
303
+ Form Theme
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/hero/">
315
+
316
+
317
+ <span class="nav-tree__text">
318
+ Hero
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/image-grid/">
330
+
331
+
332
+ <span class="nav-tree__text">
333
+ Image Grid
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/list-inline/">
345
+
346
+
347
+ <span class="nav-tree__text">
348
+ List Inline
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-lines/">
360
+
361
+
362
+ <span class="nav-tree__text">
363
+ List Lines
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/menu-stack/">
375
+
376
+
377
+ <span class="nav-tree__text">
378
+ Menu Stack
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/modals/">
390
+
391
+
392
+ <span class="nav-tree__text">
393
+ Modals
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/nav-strip/">
405
+
406
+
407
+ <span class="nav-tree__text">
408
+ Nav Strip
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/overlay-section/">
420
+
421
+
422
+ <span class="nav-tree__text">
423
+ Overlay Section
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/popovers/">
435
+
436
+
437
+ <span class="nav-tree__text">
438
+ Popovers
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/print/">
450
+
451
+
452
+ <span class="nav-tree__text">
453
+ Print
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/pull-quote/">
465
+
466
+
467
+ <span class="nav-tree__text">
468
+ Pull Quote
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/rule/">
480
+
481
+
482
+ <span class="nav-tree__text">
483
+ Rule
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/scroll-slider/">
495
+
496
+
497
+ <span class="nav-tree__text">
498
+ Scroll Slider
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/scrollpoints/">
510
+
511
+
512
+ <span class="nav-tree__text">
513
+ Scrollpoints
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/slider/">
525
+
526
+
527
+ <span class="nav-tree__text">
528
+ Slider
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/spoke-spinner/">
540
+
541
+
542
+ <span class="nav-tree__text">
543
+ Spoke Spinner
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/tabs/">
555
+
556
+
557
+ <span class="nav-tree__text">
558
+ Tabs
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/tag/">
570
+
571
+
572
+ <span class="nav-tree__text">
573
+ Tag
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/tile-grid-overlay/">
585
+
586
+
587
+ <span class="nav-tree__text">
588
+ Tile Grid Overlay
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/tiles/">
600
+
601
+
602
+ <span class="nav-tree__text">
603
+ Tiles
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/tooltip/">
615
+
616
+
617
+ <span class="nav-tree__text">
618
+ Tooltip
619
+ </span>
620
+
621
+ </a>
622
+
623
+
624
+ </li>
625
+
626
+ </ul>
627
+
628
+ </details>
629
+ </li>
630
+
631
+
632
+ <li class="nav-tree__item ">
633
+ <details class="nav-tree__collapsible">
634
+ <summary class="nav-tree__toggle">
635
+
636
+ <span class="nav-tree__toggle-content">
637
+
638
+
639
+ <span class="nav-tree__icon fab fa-sass" aria-hidden="true"></span>
640
+
641
+ <span class="nav-tree__text">
642
+ Sass API
643
+ </span>
644
+
645
+ </span>
646
+ <span class="nav-tree__toggle-icon fas fa-chevron-down" aria-hidden="true"></span>
647
+
648
+ </summary>
649
+
650
+ <ul class="nav-tree" data-menu-depth="2">
651
+
652
+ <li class="nav-tree__item ">
653
+
654
+ <a class="nav-tree__link nav-tree__link--index " href="/frontend/sass/">
655
+
656
+
657
+ <span class="nav-tree__text">
658
+ Introduction
659
+ </span>
660
+
661
+ </a>
662
+
663
+
664
+ </li>
665
+
666
+
667
+ <li class="nav-tree__item ">
668
+ <details class="nav-tree__collapsible">
669
+ <summary class="nav-tree__toggle">
670
+
671
+ <span class="nav-tree__toggle-content">
672
+
673
+
674
+ <span class="nav-tree__text">
675
+ Core
676
+ </span>
677
+
678
+ </span>
679
+ <span class="nav-tree__toggle-icon fas fa-chevron-down" aria-hidden="true"></span>
680
+
681
+ </summary>
682
+
683
+ <ul class="nav-tree" data-menu-depth="3">
684
+
685
+ <li class="nav-tree__item ">
686
+
687
+ <a class="nav-tree__link nav-tree__link--index " href="/frontend/sass/core/">
688
+
689
+
690
+ <span class="nav-tree__text">
691
+ Introduction
692
+ </span>
693
+
694
+ </a>
695
+
696
+
697
+ </li>
698
+
699
+
700
+ <li class="nav-tree__item ">
701
+
702
+ <a class="nav-tree__link " href="/frontend/sass/core/breakpoint/">
703
+
704
+
705
+ <span class="nav-tree__text">
706
+ Breakpoint
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/button/">
718
+
719
+
720
+ <span class="nav-tree__text">
721
+ Button
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/color/">
733
+
734
+
735
+ <span class="nav-tree__text">
736
+ Color
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/cssvar/">
748
+
749
+
750
+ <span class="nav-tree__text">
751
+ Cssvar
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/element/">
763
+
764
+
765
+ <span class="nav-tree__text">
766
+ Element
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/layout/">
778
+
779
+
780
+ <span class="nav-tree__text">
781
+ Layout
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/path/">
793
+
794
+
795
+ <span class="nav-tree__text">
796
+ Path
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/selector/">
808
+
809
+
810
+ <span class="nav-tree__text">
811
+ Selector
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/typography/">
823
+
824
+
825
+ <span class="nav-tree__text">
826
+ Typography
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/units/">
838
+
839
+
840
+ <span class="nav-tree__text">
841
+ Units
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/utils/">
853
+
854
+
855
+ <span class="nav-tree__text">
856
+ Utils
857
+ </span>
858
+
859
+ </a>
860
+
861
+
862
+ </li>
863
+
864
+ </ul>
865
+
866
+ </details>
867
+ </li>
868
+
869
+
870
+ <li class="nav-tree__item ">
871
+ <details class="nav-tree__collapsible">
872
+ <summary class="nav-tree__toggle">
873
+
874
+ <span class="nav-tree__toggle-content">
875
+
876
+
877
+ <span class="nav-tree__text">
878
+ Base
879
+ </span>
880
+
881
+ </span>
882
+ <span class="nav-tree__toggle-icon fas fa-chevron-down" aria-hidden="true"></span>
883
+
884
+ </summary>
885
+
886
+ <ul class="nav-tree" data-menu-depth="3">
887
+
888
+ <li class="nav-tree__item ">
889
+
890
+ <a class="nav-tree__link nav-tree__link--index " href="/frontend/sass/base/">
891
+
892
+
893
+ <span class="nav-tree__text">
894
+ Introduction
895
+ </span>
896
+
897
+ </a>
898
+
899
+
900
+ </li>
901
+
902
+
903
+ <li class="nav-tree__item ">
904
+
905
+ <a class="nav-tree__link " href="/frontend/sass/base/color/">
906
+
907
+
908
+ <span class="nav-tree__text">
909
+ Color
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/elements/">
921
+
922
+
923
+ <span class="nav-tree__text">
924
+ Elements
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/index/">
936
+
937
+
938
+ <span class="nav-tree__text">
939
+ Index
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/keyframes/">
951
+
952
+
953
+ <span class="nav-tree__text">
954
+ Keyframes
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/layout/">
966
+
967
+
968
+ <span class="nav-tree__text">
969
+ Layout
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/normalize/">
981
+
982
+
983
+ <span class="nav-tree__text">
984
+ Normalize
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/print/">
996
+
997
+
998
+ <span class="nav-tree__text">
999
+ Print
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/root/">
1011
+
1012
+
1013
+ <span class="nav-tree__text">
1014
+ Root
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/typography/">
1026
+
1027
+
1028
+ <span class="nav-tree__text">
1029
+ Typography
1030
+ </span>
1031
+
1032
+ </a>
1033
+
1034
+
1035
+ </li>
1036
+
1037
+ </ul>
1038
+
1039
+ </details>
1040
+ </li>
1041
+
1042
+
1043
+ <li class="nav-tree__item ">
1044
+ <details class="nav-tree__collapsible">
1045
+ <summary class="nav-tree__toggle">
1046
+
1047
+ <span class="nav-tree__toggle-content">
1048
+
1049
+
1050
+ <span class="nav-tree__text">
1051
+ Components
1052
+ </span>
1053
+
1054
+ </span>
1055
+ <span class="nav-tree__toggle-icon fas fa-chevron-down" aria-hidden="true"></span>
1056
+
1057
+ </summary>
1058
+
1059
+ <ul class="nav-tree" data-menu-depth="3">
1060
+
1061
+ <li class="nav-tree__item ">
1062
+
1063
+ <a class="nav-tree__link nav-tree__link--index " href="/frontend/sass/components/">
1064
+
1065
+
1066
+ <span class="nav-tree__text">
1067
+ Introduction
1068
+ </span>
1069
+
1070
+ </a>
1071
+
1072
+
1073
+ </li>
1074
+
1075
+
1076
+ <li class="nav-tree__item ">
1077
+
1078
+ <a class="nav-tree__link " href="/frontend/sass/components/accordion/">
1079
+
1080
+
1081
+ <span class="nav-tree__text">
1082
+ Accordion
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/adaptive-spacing/">
1094
+
1095
+
1096
+ <span class="nav-tree__text">
1097
+ Adaptive-spacing
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/badge/">
1109
+
1110
+
1111
+ <span class="nav-tree__text">
1112
+ Badge
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/button/">
1124
+
1125
+
1126
+ <span class="nav-tree__text">
1127
+ Button
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-verbose/">
1139
+
1140
+
1141
+ <span class="nav-tree__text">
1142
+ Button-verbose
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/callout/">
1154
+
1155
+
1156
+ <span class="nav-tree__text">
1157
+ Callout
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/captioned-figure/">
1169
+
1170
+
1171
+ <span class="nav-tree__text">
1172
+ Captioned-figure
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/card/">
1184
+
1185
+
1186
+ <span class="nav-tree__text">
1187
+ Card
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-grid/">
1199
+
1200
+
1201
+ <span class="nav-tree__text">
1202
+ Card-grid
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/css-icon/">
1214
+
1215
+
1216
+ <span class="nav-tree__text">
1217
+ Css-icon
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/data-grid/">
1229
+
1230
+
1231
+ <span class="nav-tree__text">
1232
+ Data-grid
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-table/">
1244
+
1245
+
1246
+ <span class="nav-tree__text">
1247
+ Data-table
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/fill-context/">
1259
+
1260
+
1261
+ <span class="nav-tree__text">
1262
+ Fill-context
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/flipcard/">
1274
+
1275
+
1276
+ <span class="nav-tree__text">
1277
+ Flipcard
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-grid/">
1289
+
1290
+
1291
+ <span class="nav-tree__text">
1292
+ Flipcard-grid
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/form-theme/">
1304
+
1305
+
1306
+ <span class="nav-tree__text">
1307
+ Form-theme
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/hero/">
1319
+
1320
+
1321
+ <span class="nav-tree__text">
1322
+ Hero
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/horizontal-rule/">
1334
+
1335
+
1336
+ <span class="nav-tree__text">
1337
+ Horizontal-rule
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/image-grid/">
1349
+
1350
+
1351
+ <span class="nav-tree__text">
1352
+ Image-grid
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/index/">
1364
+
1365
+
1366
+ <span class="nav-tree__text">
1367
+ Index
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/links/">
1379
+
1380
+
1381
+ <span class="nav-tree__text">
1382
+ Links
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/list-inline/">
1394
+
1395
+
1396
+ <span class="nav-tree__text">
1397
+ List-inline
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-lines/">
1409
+
1410
+
1411
+ <span class="nav-tree__text">
1412
+ List-lines
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-ordered/">
1424
+
1425
+
1426
+ <span class="nav-tree__text">
1427
+ List-ordered
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-unordered/">
1439
+
1440
+
1441
+ <span class="nav-tree__text">
1442
+ List-unordered
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/menu-stack/">
1454
+
1455
+
1456
+ <span class="nav-tree__text">
1457
+ Menu-stack
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/modal/">
1469
+
1470
+
1471
+ <span class="nav-tree__text">
1472
+ Modal
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/nav-strip/">
1484
+
1485
+
1486
+ <span class="nav-tree__text">
1487
+ Nav-strip
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/overlay-section/">
1499
+
1500
+
1501
+ <span class="nav-tree__text">
1502
+ Overlay-section
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/pager/">
1514
+
1515
+
1516
+ <span class="nav-tree__text">
1517
+ Pager
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/placeholder-block/">
1529
+
1530
+
1531
+ <span class="nav-tree__text">
1532
+ Placeholder-block
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/popover/">
1544
+
1545
+
1546
+ <span class="nav-tree__text">
1547
+ Popover
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/pull-quote/">
1559
+
1560
+
1561
+ <span class="nav-tree__text">
1562
+ Pull-quote
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/ratio-box/">
1574
+
1575
+
1576
+ <span class="nav-tree__text">
1577
+ Ratio-box
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/rule/">
1589
+
1590
+
1591
+ <span class="nav-tree__text">
1592
+ Rule
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/scroll-slider/">
1604
+
1605
+
1606
+ <span class="nav-tree__text">
1607
+ Scroll-slider
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/skip-link/">
1619
+
1620
+
1621
+ <span class="nav-tree__text">
1622
+ Skip-link
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/slider/">
1634
+
1635
+
1636
+ <span class="nav-tree__text">
1637
+ Slider
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/spoke-spinner/">
1649
+
1650
+
1651
+ <span class="nav-tree__text">
1652
+ Spoke-spinner
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/tabs/">
1664
+
1665
+
1666
+ <span class="nav-tree__text">
1667
+ Tabs
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/tag/">
1679
+
1680
+
1681
+ <span class="nav-tree__text">
1682
+ Tag
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/tile-button/">
1694
+
1695
+
1696
+ <span class="nav-tree__text">
1697
+ Tile-button
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-grid/">
1709
+
1710
+
1711
+ <span class="nav-tree__text">
1712
+ Tile-grid
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-overlay/">
1724
+
1725
+
1726
+ <span class="nav-tree__text">
1727
+ Tile-grid-overlay
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/vignette/">
1739
+
1740
+
1741
+ <span class="nav-tree__text">
1742
+ Vignette
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/wysiwyg/">
1754
+
1755
+
1756
+ <span class="nav-tree__text">
1757
+ Wysiwyg
1758
+ </span>
1759
+
1760
+ </a>
1761
+
1762
+
1763
+ </li>
1764
+
1765
+ </ul>
1766
+
1767
+ </details>
1768
+ </li>
1769
+
1770
+
1771
+ <li class="nav-tree__item ">
1772
+ <details class="nav-tree__collapsible">
1773
+ <summary class="nav-tree__toggle">
1774
+
1775
+ <span class="nav-tree__toggle-content">
1776
+
1777
+
1778
+ <span class="nav-tree__text">
1779
+ Helpers
1780
+ </span>
1781
+
1782
+ </span>
1783
+ <span class="nav-tree__toggle-icon fas fa-chevron-down" aria-hidden="true"></span>
1784
+
1785
+ </summary>
1786
+
1787
+ <ul class="nav-tree" data-menu-depth="3">
1788
+
1789
+ <li class="nav-tree__item ">
1790
+
1791
+ <a class="nav-tree__link nav-tree__link--index " href="/frontend/sass/helpers/">
1792
+
1793
+
1794
+ <span class="nav-tree__text">
1795
+ Introduction
1796
+ </span>
1797
+
1798
+ </a>
1799
+
1800
+
1801
+ </li>
1802
+
1803
+
1804
+ <li class="nav-tree__item ">
1805
+
1806
+ <a class="nav-tree__link " href="/frontend/sass/helpers/color/">
1807
+
1808
+
1809
+ <span class="nav-tree__text">
1810
+ Color
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/display/">
1822
+
1823
+
1824
+ <span class="nav-tree__text">
1825
+ Display
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/index/">
1837
+
1838
+
1839
+ <span class="nav-tree__text">
1840
+ Index
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/print/">
1852
+
1853
+
1854
+ <span class="nav-tree__text">
1855
+ Print
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/typography/">
1867
+
1868
+
1869
+ <span class="nav-tree__text">
1870
+ Typography
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/units/">
1882
+
1883
+
1884
+ <span class="nav-tree__text">
1885
+ Units
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/utilities/">
1897
+
1898
+
1899
+ <span class="nav-tree__text">
1900
+ Utilities
1901
+ </span>
1902
+
1903
+ </a>
1904
+
1905
+
1906
+ </li>
1907
+
1908
+ </ul>
1909
+
1910
+ </details>
1911
+ </li>
1912
+
1913
+ </ul>
1914
+
1915
+ </details>
1916
+ </li>
1917
+
1918
+
1919
+ <li class="nav-tree__item is-active-trail ">
1920
+ <details class="nav-tree__collapsible" open="">
1921
+ <summary class="nav-tree__toggle">
1922
+
1923
+ <span class="nav-tree__toggle-content">
1924
+
1925
+
1926
+ <span class="nav-tree__icon fab fa-js" aria-hidden="true"></span>
1927
+
1928
+ <span class="nav-tree__text">
1929
+ Javascript API
1930
+ </span>
1931
+
1932
+ </span>
1933
+ <span class="nav-tree__toggle-icon fas fa-chevron-down" aria-hidden="true"></span>
1934
+
1935
+ </summary>
1936
+
1937
+ <ul class="nav-tree" data-menu-depth="2">
1938
+
1939
+ <li class="nav-tree__item is-active-trail ">
1940
+
1941
+ <a class="nav-tree__link nav-tree__link--index is-active-trail" href="/frontend/javascript/">
1942
+
1943
+
1944
+ <span class="nav-tree__text">
1945
+ Introduction
1946
+ </span>
1947
+
1948
+ </a>
1949
+
1950
+
1951
+ </li>
1952
+
1953
+
1954
+ <li class="nav-tree__item ">
1955
+
1956
+ <a class="nav-tree__link " href="/frontend/javascript/events/">
1957
+
1958
+
1959
+ <span class="nav-tree__text">
1960
+ events
1961
+ </span>
1962
+
1963
+ </a>
1964
+
1965
+
1966
+ </li>
1967
+
1968
+
1969
+ <li class="nav-tree__item is-active is-active-trail ">
1970
+
1971
+ <a class="nav-tree__link is-active is-active-trail" href="/frontend/javascript/settings/" aria-current="page">
1972
+
1973
+
1974
+ <span class="nav-tree__text">
1975
+ settings
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/ui-breakpoints/">
1987
+
1988
+
1989
+ <span class="nav-tree__text">
1990
+ ui/breakpoints
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-collapsible/">
2002
+
2003
+
2004
+ <span class="nav-tree__text">
2005
+ ui/collapsible
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-dialog/">
2017
+
2018
+
2019
+ <span class="nav-tree__text">
2020
+ ui/dialog
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-flipcard/">
2032
+
2033
+
2034
+ <span class="nav-tree__text">
2035
+ ui/flipcard
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-grid/">
2047
+
2048
+
2049
+ <span class="nav-tree__text">
2050
+ ui/grid
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-modal-builder/">
2062
+
2063
+
2064
+ <span class="nav-tree__text">
2065
+ ui/modal-builder
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-overflow-scroller/">
2077
+
2078
+
2079
+ <span class="nav-tree__text">
2080
+ ui/overflow-scroller
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-overflow-scroller-pager/">
2092
+
2093
+
2094
+ <span class="nav-tree__text">
2095
+ ui/overflow-scroller-pager
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-page/">
2107
+
2108
+
2109
+ <span class="nav-tree__text">
2110
+ ui/page
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-popover/">
2122
+
2123
+
2124
+ <span class="nav-tree__text">
2125
+ ui/popover
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-print/">
2137
+
2138
+
2139
+ <span class="nav-tree__text">
2140
+ ui/print
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-print-details/">
2152
+
2153
+
2154
+ <span class="nav-tree__text">
2155
+ ui/print-details
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-programmatic-modal/">
2167
+
2168
+
2169
+ <span class="nav-tree__text">
2170
+ ui/programmatic-modal
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-proxy-click/">
2182
+
2183
+
2184
+ <span class="nav-tree__text">
2185
+ ui/proxy-click
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-resizer/">
2197
+
2198
+
2199
+ <span class="nav-tree__text">
2200
+ ui/resizer
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-scroll-slider/">
2212
+
2213
+
2214
+ <span class="nav-tree__text">
2215
+ ui/scroll-slider
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-scrollpoint/">
2227
+
2228
+
2229
+ <span class="nav-tree__text">
2230
+ ui/scrollpoint
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-slider/">
2242
+
2243
+
2244
+ <span class="nav-tree__text">
2245
+ ui/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-tabs/">
2257
+
2258
+
2259
+ <span class="nav-tree__text">
2260
+ ui/tabs
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-tooltip/">
2272
+
2273
+
2274
+ <span class="nav-tree__text">
2275
+ ui/tooltip
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/utils-class-logger/">
2287
+
2288
+
2289
+ <span class="nav-tree__text">
2290
+ utils/class-logger
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/utils-dom/">
2302
+
2303
+
2304
+ <span class="nav-tree__text">
2305
+ utils/dom
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-file-save/">
2317
+
2318
+
2319
+ <span class="nav-tree__text">
2320
+ utils/file-save
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-floating-ui/">
2332
+
2333
+
2334
+ <span class="nav-tree__text">
2335
+ utils/floating-ui
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-id/">
2347
+
2348
+
2349
+ <span class="nav-tree__text">
2350
+ utils/id
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-pause-youtube-video/">
2362
+
2363
+
2364
+ <span class="nav-tree__text">
2365
+ utils/pause-youtube-video
2366
+ </span>
2367
+
2368
+ </a>
2369
+
2370
+
2371
+ </li>
2372
+
2373
+ </ul>
2374
+
2375
+ </details>
2376
+ </li>
2377
+
2378
+
2379
+ <li class="nav-tree__item nav-tree__item--separator-before">
2380
+
2381
+ <a class="nav-tree__link " href="/frontend/changelog/">
2382
+
2383
+
2384
+ <span class="nav-tree__icon fas fa-clock-rotate-left" aria-hidden="true"></span>
2385
+
2386
+ <span class="nav-tree__text">
2387
+ Changelog
2388
+ </span>
2389
+
2390
+ </a>
2391
+
2392
+
2393
+ </li>
2394
+
2395
+ </ul>
2396
+
2397
+ </div>
2398
+ <div id="mobile-menu" data-ulu-modal-builder='{
2399
+ "title" : "Menu",
2400
+ "position" : "right"
2401
+ }'>
2402
+
2403
+ <ul class="nav-tree" data-menu-depth="1">
2404
+
2405
+
2406
+ <li class="nav-tree__item ">
2407
+ <details class="nav-tree__collapsible">
2408
+ <summary class="nav-tree__toggle">
2409
+
2410
+ <span class="nav-tree__toggle-content">
2411
+
2412
+
2413
+ <span class="nav-tree__icon fas fa-book" aria-hidden="true"></span>
2414
+
2415
+ <span class="nav-tree__text">
2416
+ Guide
2417
+ </span>
2418
+
2419
+ </span>
2420
+ <span class="nav-tree__toggle-icon fas fa-chevron-down" aria-hidden="true"></span>
2421
+
2422
+ </summary>
2423
+
2424
+ <ul class="nav-tree" data-menu-depth="2">
2425
+
2426
+
2427
+ <li class="nav-tree__item ">
2428
+
2429
+ <a class="nav-tree__link " href="/frontend/guide/building-stylesheet/">
2430
+
2431
+
2432
+ <span class="nav-tree__text">
2433
+ Building a Stylesheet
2434
+ </span>
2435
+
2436
+ </a>
2437
+
2438
+
2439
+ </li>
2440
+
2441
+
2442
+ <li class="nav-tree__item ">
2443
+
2444
+ <a class="nav-tree__link " href="/frontend/guide/developing-ulu-scss-module/">
2445
+
2446
+
2447
+ <span class="nav-tree__text">
2448
+ Developing Ulu SCSS Module
2449
+ </span>
2450
+
2451
+ </a>
2452
+
2453
+
2454
+ </li>
2455
+
2456
+ </ul>
2457
+
2458
+ </details>
2459
+ </li>
2460
+
2461
+
2462
+ <li class="nav-tree__item ">
2463
+ <details class="nav-tree__collapsible">
2464
+ <summary class="nav-tree__toggle">
2465
+
2466
+ <span class="nav-tree__toggle-content">
2467
+
2468
+
2469
+ <span class="nav-tree__icon fas fa-vial" aria-hidden="true"></span>
2470
+
2471
+ <span class="nav-tree__text">
2472
+ Demos
2473
+ </span>
2474
+
2475
+ </span>
2476
+ <span class="nav-tree__toggle-icon fas fa-chevron-down" aria-hidden="true"></span>
2477
+
2478
+ </summary>
2479
+
2480
+ <ul class="nav-tree" data-menu-depth="2">
2481
+
2482
+
2483
+ <li class="nav-tree__item ">
2484
+
2485
+ <a class="nav-tree__link " href="/frontend/demos/accordion/">
2486
+
2487
+
2488
+ <span class="nav-tree__text">
2489
+ Accordion
2490
+ </span>
2491
+
2492
+ </a>
2493
+
2494
+
2495
+ </li>
2496
+
2497
+
2498
+ <li class="nav-tree__item ">
2499
+
2500
+ <a class="nav-tree__link " href="/frontend/demos/button/">
2501
+
2502
+
2503
+ <span class="nav-tree__text">
2504
+ Button
2505
+ </span>
2506
+
2507
+ </a>
2508
+
2509
+
2510
+ </li>
2511
+
2512
+
2513
+ <li class="nav-tree__item ">
2514
+
2515
+ <a class="nav-tree__link " href="/frontend/demos/callout/">
2516
+
2517
+
2518
+ <span class="nav-tree__text">
2519
+ Callout
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/captioned-figure/">
2531
+
2532
+
2533
+ <span class="nav-tree__text">
2534
+ Captioned Figure
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/card/">
2546
+
2547
+
2548
+ <span class="nav-tree__text">
2549
+ Card
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/css-icons/">
2561
+
2562
+
2563
+ <span class="nav-tree__text">
2564
+ CSS Icons
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/data-grid/">
2576
+
2577
+
2578
+ <span class="nav-tree__text">
2579
+ Data grid
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/data-table/">
2591
+
2592
+
2593
+ <span class="nav-tree__text">
2594
+ Data Table
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/file-save/">
2606
+
2607
+
2608
+ <span class="nav-tree__text">
2609
+ File Save
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/flipcard/">
2621
+
2622
+
2623
+ <span class="nav-tree__text">
2624
+ Flip Card
2625
+ </span>
2626
+
2627
+ </a>
2628
+
2629
+
2630
+ </li>
2631
+
2632
+
2633
+ <li class="nav-tree__item ">
2634
+
2635
+ <a class="nav-tree__link " href="/frontend/demos/form-theme/">
2636
+
2637
+
2638
+ <span class="nav-tree__text">
2639
+ Form Theme
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/hero/">
2651
+
2652
+
2653
+ <span class="nav-tree__text">
2654
+ Hero
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/image-grid/">
2666
+
2667
+
2668
+ <span class="nav-tree__text">
2669
+ Image Grid
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/list-inline/">
2681
+
2682
+
2683
+ <span class="nav-tree__text">
2684
+ List Inline
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/list-lines/">
2696
+
2697
+
2698
+ <span class="nav-tree__text">
2699
+ List Lines
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/menu-stack/">
2711
+
2712
+
2713
+ <span class="nav-tree__text">
2714
+ Menu Stack
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/modals/">
2726
+
2727
+
2728
+ <span class="nav-tree__text">
2729
+ Modals
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/nav-strip/">
2741
+
2742
+
2743
+ <span class="nav-tree__text">
2744
+ Nav Strip
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/overlay-section/">
2756
+
2757
+
2758
+ <span class="nav-tree__text">
2759
+ Overlay Section
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/popovers/">
2771
+
2772
+
2773
+ <span class="nav-tree__text">
2774
+ Popovers
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/print/">
2786
+
2787
+
2788
+ <span class="nav-tree__text">
2789
+ Print
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/pull-quote/">
2801
+
2802
+
2803
+ <span class="nav-tree__text">
2804
+ Pull Quote
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/rule/">
2816
+
2817
+
2818
+ <span class="nav-tree__text">
2819
+ Rule
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/scroll-slider/">
2831
+
2832
+
2833
+ <span class="nav-tree__text">
2834
+ Scroll Slider
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/scrollpoints/">
2846
+
2847
+
2848
+ <span class="nav-tree__text">
2849
+ Scrollpoints
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/slider/">
2861
+
2862
+
2863
+ <span class="nav-tree__text">
2864
+ Slider
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/spoke-spinner/">
2876
+
2877
+
2878
+ <span class="nav-tree__text">
2879
+ Spoke Spinner
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/tabs/">
2891
+
2892
+
2893
+ <span class="nav-tree__text">
2894
+ Tabs
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/tag/">
2906
+
2907
+
2908
+ <span class="nav-tree__text">
2909
+ Tag
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/tile-grid-overlay/">
2921
+
2922
+
2923
+ <span class="nav-tree__text">
2924
+ Tile Grid Overlay
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/tiles/">
2936
+
2937
+
2938
+ <span class="nav-tree__text">
2939
+ Tiles
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/tooltip/">
2951
+
2952
+
2953
+ <span class="nav-tree__text">
2954
+ Tooltip
2955
+ </span>
2956
+
2957
+ </a>
2958
+
2959
+
2960
+ </li>
2961
+
2962
+ </ul>
2963
+
2964
+ </details>
2965
+ </li>
2966
+
2967
+
2968
+ <li class="nav-tree__item ">
2969
+ <details class="nav-tree__collapsible">
2970
+ <summary class="nav-tree__toggle">
2971
+
2972
+ <span class="nav-tree__toggle-content">
2973
+
2974
+
2975
+ <span class="nav-tree__icon fab fa-sass" aria-hidden="true"></span>
2976
+
2977
+ <span class="nav-tree__text">
2978
+ Sass API
2979
+ </span>
2980
+
2981
+ </span>
2982
+ <span class="nav-tree__toggle-icon fas fa-chevron-down" aria-hidden="true"></span>
2983
+
2984
+ </summary>
2985
+
2986
+ <ul class="nav-tree" data-menu-depth="2">
2987
+
2988
+ <li class="nav-tree__item ">
2989
+
2990
+ <a class="nav-tree__link nav-tree__link--index " href="/frontend/sass/">
2991
+
2992
+
2993
+ <span class="nav-tree__text">
2994
+ Introduction
2995
+ </span>
2996
+
2997
+ </a>
2998
+
2999
+
3000
+ </li>
3001
+
3002
+
3003
+ <li class="nav-tree__item ">
3004
+ <details class="nav-tree__collapsible">
3005
+ <summary class="nav-tree__toggle">
3006
+
3007
+ <span class="nav-tree__toggle-content">
3008
+
3009
+
3010
+ <span class="nav-tree__text">
3011
+ Core
3012
+ </span>
3013
+
3014
+ </span>
3015
+ <span class="nav-tree__toggle-icon fas fa-chevron-down" aria-hidden="true"></span>
3016
+
3017
+ </summary>
3018
+
3019
+ <ul class="nav-tree" data-menu-depth="3">
3020
+
3021
+ <li class="nav-tree__item ">
3022
+
3023
+ <a class="nav-tree__link nav-tree__link--index " href="/frontend/sass/core/">
3024
+
3025
+
3026
+ <span class="nav-tree__text">
3027
+ Introduction
3028
+ </span>
3029
+
3030
+ </a>
3031
+
3032
+
3033
+ </li>
3034
+
3035
+
3036
+ <li class="nav-tree__item ">
3037
+
3038
+ <a class="nav-tree__link " href="/frontend/sass/core/breakpoint/">
3039
+
3040
+
3041
+ <span class="nav-tree__text">
3042
+ Breakpoint
3043
+ </span>
3044
+
3045
+ </a>
3046
+
3047
+
3048
+ </li>
3049
+
3050
+
3051
+ <li class="nav-tree__item ">
3052
+
3053
+ <a class="nav-tree__link " href="/frontend/sass/core/button/">
3054
+
3055
+
3056
+ <span class="nav-tree__text">
3057
+ Button
3058
+ </span>
3059
+
3060
+ </a>
3061
+
3062
+
3063
+ </li>
3064
+
3065
+
3066
+ <li class="nav-tree__item ">
3067
+
3068
+ <a class="nav-tree__link " href="/frontend/sass/core/color/">
3069
+
3070
+
3071
+ <span class="nav-tree__text">
3072
+ Color
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/cssvar/">
3084
+
3085
+
3086
+ <span class="nav-tree__text">
3087
+ Cssvar
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/element/">
3099
+
3100
+
3101
+ <span class="nav-tree__text">
3102
+ Element
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/layout/">
3114
+
3115
+
3116
+ <span class="nav-tree__text">
3117
+ Layout
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/path/">
3129
+
3130
+
3131
+ <span class="nav-tree__text">
3132
+ Path
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/selector/">
3144
+
3145
+
3146
+ <span class="nav-tree__text">
3147
+ Selector
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/typography/">
3159
+
3160
+
3161
+ <span class="nav-tree__text">
3162
+ Typography
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/units/">
3174
+
3175
+
3176
+ <span class="nav-tree__text">
3177
+ Units
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/utils/">
3189
+
3190
+
3191
+ <span class="nav-tree__text">
3192
+ Utils
3193
+ </span>
3194
+
3195
+ </a>
3196
+
3197
+
3198
+ </li>
3199
+
3200
+ </ul>
3201
+
3202
+ </details>
3203
+ </li>
3204
+
3205
+
3206
+ <li class="nav-tree__item ">
3207
+ <details class="nav-tree__collapsible">
3208
+ <summary class="nav-tree__toggle">
3209
+
3210
+ <span class="nav-tree__toggle-content">
3211
+
3212
+
3213
+ <span class="nav-tree__text">
3214
+ Base
3215
+ </span>
3216
+
3217
+ </span>
3218
+ <span class="nav-tree__toggle-icon fas fa-chevron-down" aria-hidden="true"></span>
3219
+
3220
+ </summary>
3221
+
3222
+ <ul class="nav-tree" data-menu-depth="3">
3223
+
3224
+ <li class="nav-tree__item ">
3225
+
3226
+ <a class="nav-tree__link nav-tree__link--index " href="/frontend/sass/base/">
3227
+
3228
+
3229
+ <span class="nav-tree__text">
3230
+ Introduction
3231
+ </span>
3232
+
3233
+ </a>
3234
+
3235
+
3236
+ </li>
3237
+
3238
+
3239
+ <li class="nav-tree__item ">
3240
+
3241
+ <a class="nav-tree__link " href="/frontend/sass/base/color/">
3242
+
3243
+
3244
+ <span class="nav-tree__text">
3245
+ Color
3246
+ </span>
3247
+
3248
+ </a>
3249
+
3250
+
3251
+ </li>
3252
+
3253
+
3254
+ <li class="nav-tree__item ">
3255
+
3256
+ <a class="nav-tree__link " href="/frontend/sass/base/elements/">
3257
+
3258
+
3259
+ <span class="nav-tree__text">
3260
+ Elements
3261
+ </span>
3262
+
3263
+ </a>
3264
+
3265
+
3266
+ </li>
3267
+
3268
+
3269
+ <li class="nav-tree__item ">
3270
+
3271
+ <a class="nav-tree__link " href="/frontend/sass/base/index/">
3272
+
3273
+
3274
+ <span class="nav-tree__text">
3275
+ Index
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/keyframes/">
3287
+
3288
+
3289
+ <span class="nav-tree__text">
3290
+ Keyframes
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/layout/">
3302
+
3303
+
3304
+ <span class="nav-tree__text">
3305
+ Layout
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/normalize/">
3317
+
3318
+
3319
+ <span class="nav-tree__text">
3320
+ Normalize
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/print/">
3332
+
3333
+
3334
+ <span class="nav-tree__text">
3335
+ Print
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/root/">
3347
+
3348
+
3349
+ <span class="nav-tree__text">
3350
+ Root
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/typography/">
3362
+
3363
+
3364
+ <span class="nav-tree__text">
3365
+ Typography
3366
+ </span>
3367
+
3368
+ </a>
3369
+
3370
+
3371
+ </li>
3372
+
3373
+ </ul>
3374
+
3375
+ </details>
3376
+ </li>
3377
+
3378
+
3379
+ <li class="nav-tree__item ">
3380
+ <details class="nav-tree__collapsible">
3381
+ <summary class="nav-tree__toggle">
3382
+
3383
+ <span class="nav-tree__toggle-content">
3384
+
3385
+
3386
+ <span class="nav-tree__text">
3387
+ Components
3388
+ </span>
3389
+
3390
+ </span>
3391
+ <span class="nav-tree__toggle-icon fas fa-chevron-down" aria-hidden="true"></span>
3392
+
3393
+ </summary>
3394
+
3395
+ <ul class="nav-tree" data-menu-depth="3">
3396
+
3397
+ <li class="nav-tree__item ">
3398
+
3399
+ <a class="nav-tree__link nav-tree__link--index " href="/frontend/sass/components/">
3400
+
3401
+
3402
+ <span class="nav-tree__text">
3403
+ Introduction
3404
+ </span>
3405
+
3406
+ </a>
3407
+
3408
+
3409
+ </li>
3410
+
3411
+
3412
+ <li class="nav-tree__item ">
3413
+
3414
+ <a class="nav-tree__link " href="/frontend/sass/components/accordion/">
3415
+
3416
+
3417
+ <span class="nav-tree__text">
3418
+ Accordion
3419
+ </span>
3420
+
3421
+ </a>
3422
+
3423
+
3424
+ </li>
3425
+
3426
+
3427
+ <li class="nav-tree__item ">
3428
+
3429
+ <a class="nav-tree__link " href="/frontend/sass/components/adaptive-spacing/">
3430
+
3431
+
3432
+ <span class="nav-tree__text">
3433
+ Adaptive-spacing
3434
+ </span>
3435
+
3436
+ </a>
3437
+
3438
+
3439
+ </li>
3440
+
3441
+
3442
+ <li class="nav-tree__item ">
3443
+
3444
+ <a class="nav-tree__link " href="/frontend/sass/components/badge/">
3445
+
3446
+
3447
+ <span class="nav-tree__text">
3448
+ Badge
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/button/">
3460
+
3461
+
3462
+ <span class="nav-tree__text">
3463
+ Button
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/button-verbose/">
3475
+
3476
+
3477
+ <span class="nav-tree__text">
3478
+ Button-verbose
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/callout/">
3490
+
3491
+
3492
+ <span class="nav-tree__text">
3493
+ Callout
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/captioned-figure/">
3505
+
3506
+
3507
+ <span class="nav-tree__text">
3508
+ Captioned-figure
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/card/">
3520
+
3521
+
3522
+ <span class="nav-tree__text">
3523
+ Card
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/card-grid/">
3535
+
3536
+
3537
+ <span class="nav-tree__text">
3538
+ Card-grid
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/css-icon/">
3550
+
3551
+
3552
+ <span class="nav-tree__text">
3553
+ Css-icon
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/data-grid/">
3565
+
3566
+
3567
+ <span class="nav-tree__text">
3568
+ Data-grid
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/data-table/">
3580
+
3581
+
3582
+ <span class="nav-tree__text">
3583
+ Data-table
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/fill-context/">
3595
+
3596
+
3597
+ <span class="nav-tree__text">
3598
+ Fill-context
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/flipcard/">
3610
+
3611
+
3612
+ <span class="nav-tree__text">
3613
+ Flipcard
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/flipcard-grid/">
3625
+
3626
+
3627
+ <span class="nav-tree__text">
3628
+ Flipcard-grid
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/form-theme/">
3640
+
3641
+
3642
+ <span class="nav-tree__text">
3643
+ Form-theme
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/hero/">
3655
+
3656
+
3657
+ <span class="nav-tree__text">
3658
+ Hero
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/horizontal-rule/">
3670
+
3671
+
3672
+ <span class="nav-tree__text">
3673
+ Horizontal-rule
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/image-grid/">
3685
+
3686
+
3687
+ <span class="nav-tree__text">
3688
+ Image-grid
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/index/">
3700
+
3701
+
3702
+ <span class="nav-tree__text">
3703
+ Index
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/links/">
3715
+
3716
+
3717
+ <span class="nav-tree__text">
3718
+ Links
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/list-inline/">
3730
+
3731
+
3732
+ <span class="nav-tree__text">
3733
+ List-inline
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/list-lines/">
3745
+
3746
+
3747
+ <span class="nav-tree__text">
3748
+ List-lines
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/list-ordered/">
3760
+
3761
+
3762
+ <span class="nav-tree__text">
3763
+ List-ordered
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-unordered/">
3775
+
3776
+
3777
+ <span class="nav-tree__text">
3778
+ List-unordered
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/menu-stack/">
3790
+
3791
+
3792
+ <span class="nav-tree__text">
3793
+ Menu-stack
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/modal/">
3805
+
3806
+
3807
+ <span class="nav-tree__text">
3808
+ Modal
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/nav-strip/">
3820
+
3821
+
3822
+ <span class="nav-tree__text">
3823
+ Nav-strip
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/overlay-section/">
3835
+
3836
+
3837
+ <span class="nav-tree__text">
3838
+ Overlay-section
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/pager/">
3850
+
3851
+
3852
+ <span class="nav-tree__text">
3853
+ Pager
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/placeholder-block/">
3865
+
3866
+
3867
+ <span class="nav-tree__text">
3868
+ Placeholder-block
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/popover/">
3880
+
3881
+
3882
+ <span class="nav-tree__text">
3883
+ Popover
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/pull-quote/">
3895
+
3896
+
3897
+ <span class="nav-tree__text">
3898
+ Pull-quote
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/ratio-box/">
3910
+
3911
+
3912
+ <span class="nav-tree__text">
3913
+ Ratio-box
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/rule/">
3925
+
3926
+
3927
+ <span class="nav-tree__text">
3928
+ Rule
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/scroll-slider/">
3940
+
3941
+
3942
+ <span class="nav-tree__text">
3943
+ Scroll-slider
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/skip-link/">
3955
+
3956
+
3957
+ <span class="nav-tree__text">
3958
+ Skip-link
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/slider/">
3970
+
3971
+
3972
+ <span class="nav-tree__text">
3973
+ Slider
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/spoke-spinner/">
3985
+
3986
+
3987
+ <span class="nav-tree__text">
3988
+ Spoke-spinner
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/tabs/">
4000
+
4001
+
4002
+ <span class="nav-tree__text">
4003
+ Tabs
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/tag/">
4015
+
4016
+
4017
+ <span class="nav-tree__text">
4018
+ Tag
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/tile-button/">
4030
+
4031
+
4032
+ <span class="nav-tree__text">
4033
+ Tile-button
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/tile-grid/">
4045
+
4046
+
4047
+ <span class="nav-tree__text">
4048
+ Tile-grid
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/tile-grid-overlay/">
4060
+
4061
+
4062
+ <span class="nav-tree__text">
4063
+ Tile-grid-overlay
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/vignette/">
4075
+
4076
+
4077
+ <span class="nav-tree__text">
4078
+ Vignette
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/wysiwyg/">
4090
+
4091
+
4092
+ <span class="nav-tree__text">
4093
+ Wysiwyg
4094
+ </span>
4095
+
4096
+ </a>
4097
+
4098
+
4099
+ </li>
4100
+
4101
+ </ul>
4102
+
4103
+ </details>
4104
+ </li>
4105
+
4106
+
4107
+ <li class="nav-tree__item ">
4108
+ <details class="nav-tree__collapsible">
4109
+ <summary class="nav-tree__toggle">
4110
+
4111
+ <span class="nav-tree__toggle-content">
4112
+
4113
+
4114
+ <span class="nav-tree__text">
4115
+ Helpers
4116
+ </span>
4117
+
4118
+ </span>
4119
+ <span class="nav-tree__toggle-icon fas fa-chevron-down" aria-hidden="true"></span>
4120
+
4121
+ </summary>
4122
+
4123
+ <ul class="nav-tree" data-menu-depth="3">
4124
+
4125
+ <li class="nav-tree__item ">
4126
+
4127
+ <a class="nav-tree__link nav-tree__link--index " href="/frontend/sass/helpers/">
4128
+
4129
+
4130
+ <span class="nav-tree__text">
4131
+ Introduction
4132
+ </span>
4133
+
4134
+ </a>
4135
+
4136
+
4137
+ </li>
4138
+
4139
+
4140
+ <li class="nav-tree__item ">
4141
+
4142
+ <a class="nav-tree__link " href="/frontend/sass/helpers/color/">
4143
+
4144
+
4145
+ <span class="nav-tree__text">
4146
+ Color
4147
+ </span>
4148
+
4149
+ </a>
4150
+
4151
+
4152
+ </li>
4153
+
4154
+
4155
+ <li class="nav-tree__item ">
4156
+
4157
+ <a class="nav-tree__link " href="/frontend/sass/helpers/display/">
4158
+
4159
+
4160
+ <span class="nav-tree__text">
4161
+ Display
4162
+ </span>
4163
+
4164
+ </a>
4165
+
4166
+
4167
+ </li>
4168
+
4169
+
4170
+ <li class="nav-tree__item ">
4171
+
4172
+ <a class="nav-tree__link " href="/frontend/sass/helpers/index/">
4173
+
4174
+
4175
+ <span class="nav-tree__text">
4176
+ Index
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/print/">
4188
+
4189
+
4190
+ <span class="nav-tree__text">
4191
+ Print
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/typography/">
4203
+
4204
+
4205
+ <span class="nav-tree__text">
4206
+ Typography
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/units/">
4218
+
4219
+
4220
+ <span class="nav-tree__text">
4221
+ Units
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/utilities/">
4233
+
4234
+
4235
+ <span class="nav-tree__text">
4236
+ Utilities
4237
+ </span>
4238
+
4239
+ </a>
4240
+
4241
+
4242
+ </li>
4243
+
4244
+ </ul>
4245
+
4246
+ </details>
4247
+ </li>
4248
+
4249
+ </ul>
4250
+
4251
+ </details>
4252
+ </li>
4253
+
4254
+
4255
+ <li class="nav-tree__item is-active-trail ">
4256
+ <details class="nav-tree__collapsible" open="">
4257
+ <summary class="nav-tree__toggle">
4258
+
4259
+ <span class="nav-tree__toggle-content">
4260
+
4261
+
4262
+ <span class="nav-tree__icon fab fa-js" aria-hidden="true"></span>
4263
+
4264
+ <span class="nav-tree__text">
4265
+ Javascript API
4266
+ </span>
4267
+
4268
+ </span>
4269
+ <span class="nav-tree__toggle-icon fas fa-chevron-down" aria-hidden="true"></span>
4270
+
4271
+ </summary>
4272
+
4273
+ <ul class="nav-tree" data-menu-depth="2">
4274
+
4275
+ <li class="nav-tree__item is-active-trail ">
4276
+
4277
+ <a class="nav-tree__link nav-tree__link--index is-active-trail" href="/frontend/javascript/">
4278
+
4279
+
4280
+ <span class="nav-tree__text">
4281
+ Introduction
4282
+ </span>
4283
+
4284
+ </a>
4285
+
4286
+
4287
+ </li>
4288
+
4289
+
4290
+ <li class="nav-tree__item ">
4291
+
4292
+ <a class="nav-tree__link " href="/frontend/javascript/events/">
4293
+
4294
+
4295
+ <span class="nav-tree__text">
4296
+ events
4297
+ </span>
4298
+
4299
+ </a>
4300
+
4301
+
4302
+ </li>
4303
+
4304
+
4305
+ <li class="nav-tree__item is-active is-active-trail ">
4306
+
4307
+ <a class="nav-tree__link is-active is-active-trail" href="/frontend/javascript/settings/" aria-current="page">
4308
+
4309
+
4310
+ <span class="nav-tree__text">
4311
+ settings
4312
+ </span>
4313
+
4314
+ </a>
4315
+
4316
+
4317
+ </li>
4318
+
4319
+
4320
+ <li class="nav-tree__item ">
4321
+
4322
+ <a class="nav-tree__link " href="/frontend/javascript/ui-breakpoints/">
4323
+
4324
+
4325
+ <span class="nav-tree__text">
4326
+ ui/breakpoints
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/ui-collapsible/">
4338
+
4339
+
4340
+ <span class="nav-tree__text">
4341
+ ui/collapsible
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/ui-dialog/">
4353
+
4354
+
4355
+ <span class="nav-tree__text">
4356
+ ui/dialog
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-flipcard/">
4368
+
4369
+
4370
+ <span class="nav-tree__text">
4371
+ ui/flipcard
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-grid/">
4383
+
4384
+
4385
+ <span class="nav-tree__text">
4386
+ ui/grid
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-modal-builder/">
4398
+
4399
+
4400
+ <span class="nav-tree__text">
4401
+ ui/modal-builder
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-overflow-scroller/">
4413
+
4414
+
4415
+ <span class="nav-tree__text">
4416
+ ui/overflow-scroller
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-overflow-scroller-pager/">
4428
+
4429
+
4430
+ <span class="nav-tree__text">
4431
+ ui/overflow-scroller-pager
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-page/">
4443
+
4444
+
4445
+ <span class="nav-tree__text">
4446
+ ui/page
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-popover/">
4458
+
4459
+
4460
+ <span class="nav-tree__text">
4461
+ ui/popover
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-print/">
4473
+
4474
+
4475
+ <span class="nav-tree__text">
4476
+ ui/print
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-print-details/">
4488
+
4489
+
4490
+ <span class="nav-tree__text">
4491
+ ui/print-details
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-programmatic-modal/">
4503
+
4504
+
4505
+ <span class="nav-tree__text">
4506
+ ui/programmatic-modal
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-proxy-click/">
4518
+
4519
+
4520
+ <span class="nav-tree__text">
4521
+ ui/proxy-click
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-resizer/">
4533
+
4534
+
4535
+ <span class="nav-tree__text">
4536
+ ui/resizer
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-scroll-slider/">
4548
+
4549
+
4550
+ <span class="nav-tree__text">
4551
+ ui/scroll-slider
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-scrollpoint/">
4563
+
4564
+
4565
+ <span class="nav-tree__text">
4566
+ ui/scrollpoint
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-slider/">
4578
+
4579
+
4580
+ <span class="nav-tree__text">
4581
+ ui/slider
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-tabs/">
4593
+
4594
+
4595
+ <span class="nav-tree__text">
4596
+ ui/tabs
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-tooltip/">
4608
+
4609
+
4610
+ <span class="nav-tree__text">
4611
+ ui/tooltip
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/utils-class-logger/">
4623
+
4624
+
4625
+ <span class="nav-tree__text">
4626
+ utils/class-logger
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/utils-dom/">
4638
+
4639
+
4640
+ <span class="nav-tree__text">
4641
+ utils/dom
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/utils-file-save/">
4653
+
4654
+
4655
+ <span class="nav-tree__text">
4656
+ utils/file-save
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/utils-floating-ui/">
4668
+
4669
+
4670
+ <span class="nav-tree__text">
4671
+ utils/floating-ui
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-id/">
4683
+
4684
+
4685
+ <span class="nav-tree__text">
4686
+ utils/id
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-pause-youtube-video/">
4698
+
4699
+
4700
+ <span class="nav-tree__text">
4701
+ utils/pause-youtube-video
4702
+ </span>
4703
+
4704
+ </a>
4705
+
4706
+
4707
+ </li>
4708
+
4709
+ </ul>
4710
+
4711
+ </details>
4712
+ </li>
4713
+
4714
+
4715
+ <li class="nav-tree__item nav-tree__item--separator-before">
4716
+
4717
+ <a class="nav-tree__link " href="/frontend/changelog/">
4718
+
4719
+
4720
+ <span class="nav-tree__icon fas fa-clock-rotate-left" aria-hidden="true"></span>
4721
+
4722
+ <span class="nav-tree__text">
4723
+ Changelog
4724
+ </span>
4725
+
4726
+ </a>
4727
+
4728
+
4729
+ </li>
4730
+
4731
+ </ul>
4732
+
4733
+ </div>
4734
+ </nav>
4735
+ </header>
4736
+
4737
+ <div class="page__toc page-toc">
4738
+ <h2>Jump To:</h2>
4739
+ <div class="toc">
4740
+ <ol>
4741
+
4742
+ <li><a href="#settings.getdefaultsettings()-%E2%87%92-object">settings.getDefaultSettings() ⇒ object</a>
4743
+ </li>
4744
+
4745
+ <li><a href="#settings.updatesettings(changes)">settings.updateSettings(changes)</a>
4746
+ </li>
4747
+
4748
+ <li><a href="#settings.getsettings()-%E2%87%92-object">settings.getSettings() ⇒ object</a>
4749
+ </li>
4750
+
4751
+ <li><a href="#settings.getsetting(key)-%E2%87%92-*">settings.getSetting(key) ⇒ *</a>
4752
+ </li>
4753
+
4754
+ <li><a href="#settings.updatesetting(key%2C-value)">settings.updateSetting(key, value)</a>
4755
+ </li>
4756
+
4757
+ <li><a href="#settings.wrapsettingstring(key)-%E2%87%92-object">settings.wrapSettingString(key) ⇒ object</a>
4758
+ </li>
4759
+
4760
+ <li><a href="#settings.configureicons()">settings.configureIcons()</a>
4761
+ </li>
4762
+ </ol>
4763
+ </div>
4764
+ </div>
4765
+
4766
+ <main id="main" class="page__body">
4767
+
4768
+
4769
+
4770
+
4771
+ <div class="page__body-top container api-docs">
4772
+ <div class="wysiwyg">
4773
+ <p><a name="module_settings"></a></p>
4774
+ <h1 id="settings" tabindex="-1">settings</h1>
4775
+ <p>Manages shared configuration for the library.</p>
4776
+ <ul>
4777
+ <li><a href="#module_settings">settings</a>
4778
+ <ul>
4779
+ <li><a href="#module_settings.getDefaultSettings">.getDefaultSettings()</a> ⇒ <code>object</code></li>
4780
+ <li><a href="#module_settings.updateSettings">.updateSettings(changes)</a></li>
4781
+ <li><a href="#module_settings.getSettings">.getSettings()</a> ⇒ <code>object</code></li>
4782
+ <li><a href="#module_settings.getSetting">.getSetting(key)</a> ⇒ <code>*</code></li>
4783
+ <li><a href="#module_settings.updateSetting">.updateSetting(key, value)</a></li>
4784
+ <li><a href="#module_settings.wrapSettingString">.wrapSettingString(key)</a> ⇒ <code>object</code></li>
4785
+ <li><a href="#module_settings.configureIcons">.configureIcons()</a></li>
4786
+ </ul>
4787
+ </li>
4788
+ </ul>
4789
+ <p><a name="module_settings.getDefaultSettings"></a></p>
4790
+ <h2 id="settings.getdefaultsettings()-%E2%87%92-object" tabindex="-1">settings.getDefaultSettings() ⇒ <code>object</code></h2>
4791
+ <p>Retrieves a copy of the default settings.</p>
4792
+ <p><strong>Kind</strong>: static method of <a href="#module_settings"><code>settings</code></a><br>
4793
+ <strong>Returns</strong>: <code>object</code> - A copy of the default settings object.<br>
4794
+ <a name="module_settings.updateSettings"></a></p>
4795
+ <h2 id="settings.updatesettings(changes)" tabindex="-1">settings.updateSettings(changes)</h2>
4796
+ <p>Updates multiple configuration settings.</p>
4797
+ <p><strong>Kind</strong>: static method of <a href="#module_settings"><code>settings</code></a></p>
4798
+ <table>
4799
+ <thead>
4800
+ <tr>
4801
+ <th>Param</th>
4802
+ <th>Type</th>
4803
+ <th>Description</th>
4804
+ </tr>
4805
+ </thead>
4806
+ <tbody>
4807
+ <tr>
4808
+ <td>changes</td>
4809
+ <td><code>object</code></td>
4810
+ <td>An object containing the settings to update.</td>
4811
+ </tr>
4812
+ </tbody>
4813
+ </table>
4814
+ <p><a name="module_settings.getSettings"></a></p>
4815
+ <h2 id="settings.getsettings()-%E2%87%92-object" tabindex="-1">settings.getSettings() ⇒ <code>object</code></h2>
4816
+ <p>Retrieves a copy of the current configuration settings.</p>
4817
+ <p><strong>Kind</strong>: static method of <a href="#module_settings"><code>settings</code></a><br>
4818
+ <strong>Returns</strong>: <code>object</code> - A copy of the current settings object.<br>
4819
+ <a name="module_settings.getSetting"></a></p>
4820
+ <h2 id="settings.getsetting(key)-%E2%87%92-*" tabindex="-1">settings.getSetting(key) ⇒ <code>*</code></h2>
4821
+ <p>Retrieves a specific configuration setting by key.</p>
4822
+ <p><strong>Kind</strong>: static method of <a href="#module_settings"><code>settings</code></a><br>
4823
+ <strong>Returns</strong>: <code>*</code> - The value of the setting, or undefined if not found.</p>
4824
+ <table>
4825
+ <thead>
4826
+ <tr>
4827
+ <th>Param</th>
4828
+ <th>Type</th>
4829
+ <th>Description</th>
4830
+ </tr>
4831
+ </thead>
4832
+ <tbody>
4833
+ <tr>
4834
+ <td>key</td>
4835
+ <td><code>string</code></td>
4836
+ <td>The key of the setting to retrieve.</td>
4837
+ </tr>
4838
+ </tbody>
4839
+ </table>
4840
+ <p><a name="module_settings.updateSetting"></a></p>
4841
+ <h2 id="settings.updatesetting(key%2C-value)" tabindex="-1">settings.updateSetting(key, value)</h2>
4842
+ <p>Updates a specific configuration setting.</p>
4843
+ <p><strong>Kind</strong>: static method of <a href="#module_settings"><code>settings</code></a></p>
4844
+ <table>
4845
+ <thead>
4846
+ <tr>
4847
+ <th>Param</th>
4848
+ <th>Type</th>
4849
+ <th>Description</th>
4850
+ </tr>
4851
+ </thead>
4852
+ <tbody>
4853
+ <tr>
4854
+ <td>key</td>
4855
+ <td><code>string</code></td>
4856
+ <td>The key of the setting to update.</td>
4857
+ </tr>
4858
+ <tr>
4859
+ <td>value</td>
4860
+ <td><code>*</code></td>
4861
+ <td>The new value for the setting.</td>
4862
+ </tr>
4863
+ </tbody>
4864
+ </table>
4865
+ <p><a name="module_settings.wrapSettingString"></a></p>
4866
+ <h2 id="settings.wrapsettingstring(key)-%E2%87%92-object" tabindex="-1">settings.wrapSettingString(key) ⇒ <code>object</code></h2>
4867
+ <p>Creates a wrapped string representation of a configuration setting.
4868
+ This function returns an object with a <code>toString()</code> method that, when called,
4869
+ retrieves the current value of the specified setting. This allows the setting
4870
+ to be used as a string literal, dynamically retrieving its value.</p>
4871
+ <p><strong>Kind</strong>: static method of <a href="#module_settings"><code>settings</code></a><br>
4872
+ <strong>Returns</strong>: <code>object</code> - An object with a <code>toString()</code> method that returns the setting value.</p>
4873
+ <table>
4874
+ <thead>
4875
+ <tr>
4876
+ <th>Param</th>
4877
+ <th>Type</th>
4878
+ <th>Description</th>
4879
+ </tr>
4880
+ </thead>
4881
+ <tbody>
4882
+ <tr>
4883
+ <td>key</td>
4884
+ <td><code>string</code></td>
4885
+ <td>The key of the setting to wrap.</td>
4886
+ </tr>
4887
+ </tbody>
4888
+ </table>
4889
+ <p><a name="module_settings.configureIcons"></a></p>
4890
+ <h2 id="settings.configureicons()" tabindex="-1">settings.configureIcons()</h2>
4891
+ <p>Sets icon settings to Font Awesome icons</p>
4892
+ <p><strong>Kind</strong>: static method of <a href="#module_settings"><code>settings</code></a></p>
4893
+
4894
+ </div>
4895
+ </div>
4896
+
4897
+ </main>
4898
+ <footer></footer>
4899
+
4900
+
4901
+ <script src="http://localhost:5173/@vite/client" type="module"></script>
4902
+ <script src="http://localhost:5173/docs-src/src/main.js" type="module"></script>
4903
+
4904
+
4905
+
4906
+ </body>
4907
+ </html>