@ulu/frontend 0.1.0-beta.13 → 0.1.0-beta.15

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 (166) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/dist/ulu-frontend.min.css +1 -1
  3. package/docs-dev/changelog/index.html +5067 -0
  4. package/docs-dev/changelog/updates-and-changes/index.html +5109 -0
  5. package/docs-dev/demos/accordion/index.html +363 -297
  6. package/docs-dev/demos/button/index.html +363 -297
  7. package/docs-dev/demos/callout/index.html +363 -297
  8. package/docs-dev/demos/captioned-figure/index.html +363 -297
  9. package/docs-dev/demos/card/index.html +363 -297
  10. package/docs-dev/demos/css-icons/index.html +363 -297
  11. package/docs-dev/demos/data-grid/index.html +363 -297
  12. package/docs-dev/demos/data-table/index.html +388 -322
  13. package/docs-dev/demos/file-save/index.html +363 -297
  14. package/docs-dev/demos/flipcard/index.html +363 -297
  15. package/docs-dev/demos/form-theme/index.html +363 -297
  16. package/docs-dev/demos/index.html +363 -297
  17. package/docs-dev/demos/list-inline/index.html +363 -297
  18. package/docs-dev/demos/list-lines/index.html +363 -297
  19. package/docs-dev/demos/menu-stack/index.html +363 -297
  20. package/docs-dev/demos/modals/index.html +363 -297
  21. package/docs-dev/demos/nav-strip/index.html +363 -297
  22. package/docs-dev/demos/overlay-section/index.html +363 -297
  23. package/docs-dev/demos/popovers/index.html +363 -297
  24. package/docs-dev/demos/print/index.html +363 -297
  25. package/docs-dev/demos/pull-quote/index.html +363 -297
  26. package/docs-dev/demos/rule/index.html +363 -297
  27. package/docs-dev/demos/scrollpoints/index.html +363 -297
  28. package/docs-dev/demos/spoke-spinner/index.html +363 -297
  29. package/docs-dev/demos/tabs/index.html +363 -297
  30. package/docs-dev/demos/tag/index.html +363 -297
  31. package/docs-dev/demos/tiles/index.html +363 -297
  32. package/docs-dev/demos/tooltip/index.html +363 -297
  33. package/docs-dev/guide/building-stylesheet/index.html +363 -297
  34. package/docs-dev/guide/developing-ulu-scss-module/index.html +363 -297
  35. package/docs-dev/guide/index.html +363 -297
  36. package/docs-dev/guide/updates-and-changes/index.html +5033 -0
  37. package/docs-dev/index.html +363 -297
  38. package/docs-dev/javascript/events/index.html +360 -296
  39. package/docs-dev/javascript/index.html +363 -297
  40. package/docs-dev/javascript/settings/index.html +4907 -0
  41. package/docs-dev/javascript/ui-breakpoints/index.html +360 -296
  42. package/docs-dev/javascript/ui-collapsible/index.html +360 -296
  43. package/docs-dev/javascript/ui-dialog/index.html +360 -296
  44. package/docs-dev/javascript/ui-flipcard/index.html +360 -296
  45. package/docs-dev/javascript/ui-grid/index.html +360 -296
  46. package/docs-dev/javascript/ui-modal-builder/index.html +360 -296
  47. package/docs-dev/javascript/ui-overflow-scroller/index.html +360 -296
  48. package/docs-dev/javascript/ui-overflow-scroller-pager/index.html +360 -296
  49. package/docs-dev/javascript/ui-page/index.html +360 -296
  50. package/docs-dev/javascript/ui-popover/index.html +360 -296
  51. package/docs-dev/javascript/ui-print/index.html +360 -296
  52. package/docs-dev/javascript/ui-print-details/index.html +360 -296
  53. package/docs-dev/javascript/ui-programmatic-modal/index.html +360 -296
  54. package/docs-dev/javascript/ui-proxy-click/index.html +360 -296
  55. package/docs-dev/javascript/ui-resizer/index.html +360 -296
  56. package/docs-dev/javascript/ui-scroll-slider/index.html +360 -296
  57. package/docs-dev/javascript/ui-scrollpoint/index.html +360 -296
  58. package/docs-dev/javascript/ui-slider/index.html +360 -296
  59. package/docs-dev/javascript/ui-tabs/index.html +360 -296
  60. package/docs-dev/javascript/ui-tooltip/index.html +360 -296
  61. package/docs-dev/javascript/utils-class-logger/index.html +360 -296
  62. package/docs-dev/javascript/utils-dom/index.html +360 -296
  63. package/docs-dev/javascript/utils-file-save/index.html +360 -296
  64. package/docs-dev/javascript/utils-floating-ui/index.html +360 -296
  65. package/docs-dev/javascript/utils-id/index.html +360 -296
  66. package/docs-dev/javascript/utils-pause-youtube-video/index.html +360 -296
  67. package/docs-dev/sass/base/color/index.html +360 -296
  68. package/docs-dev/sass/base/elements/index.html +360 -296
  69. package/docs-dev/sass/base/index/index.html +360 -296
  70. package/docs-dev/sass/base/index.html +363 -297
  71. package/docs-dev/sass/base/keyframes/index.html +360 -296
  72. package/docs-dev/sass/base/layout/index.html +360 -296
  73. package/docs-dev/sass/base/normalize/index.html +360 -296
  74. package/docs-dev/sass/base/print/index.html +360 -296
  75. package/docs-dev/sass/base/root/index.html +360 -296
  76. package/docs-dev/sass/base/typography/index.html +360 -296
  77. package/docs-dev/sass/components/accordion/index.html +360 -296
  78. package/docs-dev/sass/components/adaptive-spacing/index.html +360 -296
  79. package/docs-dev/sass/components/badge/index.html +360 -296
  80. package/docs-dev/sass/components/button/index.html +360 -296
  81. package/docs-dev/sass/components/button-verbose/index.html +360 -296
  82. package/docs-dev/sass/components/callout/index.html +360 -296
  83. package/docs-dev/sass/components/captioned-figure/index.html +360 -296
  84. package/docs-dev/sass/components/card/index.html +360 -296
  85. package/docs-dev/sass/components/card-grid/index.html +360 -296
  86. package/docs-dev/sass/components/css-icon/index.html +360 -296
  87. package/docs-dev/sass/components/data-grid/index.html +360 -296
  88. package/docs-dev/sass/components/data-table/index.html +360 -296
  89. package/docs-dev/sass/components/fill-context/index.html +360 -296
  90. package/docs-dev/sass/components/flipcard/index.html +360 -296
  91. package/docs-dev/sass/components/flipcard-grid/index.html +360 -296
  92. package/docs-dev/sass/components/form-theme/index.html +360 -296
  93. package/docs-dev/sass/components/hero/index.html +360 -296
  94. package/docs-dev/sass/components/horizontal-rule/index.html +360 -296
  95. package/docs-dev/sass/components/image-grid/index.html +360 -296
  96. package/docs-dev/sass/components/index/index.html +360 -296
  97. package/docs-dev/sass/components/index.html +363 -297
  98. package/docs-dev/sass/components/links/index.html +360 -296
  99. package/docs-dev/sass/components/list-inline/index.html +360 -296
  100. package/docs-dev/sass/components/list-lines/index.html +360 -296
  101. package/docs-dev/sass/components/list-ordered/index.html +360 -296
  102. package/docs-dev/sass/components/list-unordered/index.html +360 -296
  103. package/docs-dev/sass/components/menu-stack/index.html +360 -296
  104. package/docs-dev/sass/components/modal/index.html +360 -296
  105. package/docs-dev/sass/components/nav-strip/index.html +368 -304
  106. package/docs-dev/sass/components/overlay-section/index.html +360 -296
  107. package/docs-dev/sass/components/pager/index.html +360 -296
  108. package/docs-dev/sass/components/placeholder-block/index.html +360 -296
  109. package/docs-dev/sass/components/popover/index.html +360 -296
  110. package/docs-dev/sass/components/pull-quote/index.html +360 -296
  111. package/docs-dev/sass/components/ratio-box/index.html +360 -296
  112. package/docs-dev/sass/components/rule/index.html +360 -296
  113. package/docs-dev/sass/components/scroll-slider/index.html +360 -296
  114. package/docs-dev/sass/components/skip-link/index.html +360 -296
  115. package/docs-dev/sass/components/slider/index.html +362 -298
  116. package/docs-dev/sass/components/spoke-spinner/index.html +360 -296
  117. package/docs-dev/sass/components/tabs/index.html +360 -296
  118. package/docs-dev/sass/components/tag/index.html +360 -296
  119. package/docs-dev/sass/components/tile-button/index.html +360 -296
  120. package/docs-dev/sass/components/tile-grid/index.html +360 -296
  121. package/docs-dev/sass/components/tile-grid-overlay/index.html +360 -296
  122. package/docs-dev/sass/components/vignette/index.html +360 -296
  123. package/docs-dev/sass/components/wysiwyg/index.html +360 -296
  124. package/docs-dev/sass/core/breakpoint/index.html +360 -296
  125. package/docs-dev/sass/core/button/index.html +360 -296
  126. package/docs-dev/sass/core/color/index.html +360 -296
  127. package/docs-dev/sass/core/cssvar/index.html +360 -296
  128. package/docs-dev/sass/core/element/index.html +360 -296
  129. package/docs-dev/sass/core/index.html +360 -296
  130. package/docs-dev/sass/core/layout/index.html +360 -296
  131. package/docs-dev/sass/core/path/index.html +360 -296
  132. package/docs-dev/sass/core/selector/index.html +360 -296
  133. package/docs-dev/sass/core/typography/index.html +360 -296
  134. package/docs-dev/sass/core/units/index.html +360 -296
  135. package/docs-dev/sass/core/utils/index.html +360 -296
  136. package/docs-dev/sass/helpers/color/index.html +360 -296
  137. package/docs-dev/sass/helpers/display/index.html +360 -296
  138. package/docs-dev/sass/helpers/index/index.html +360 -296
  139. package/docs-dev/sass/helpers/index.html +363 -297
  140. package/docs-dev/sass/helpers/print/index.html +360 -296
  141. package/docs-dev/sass/helpers/typography/index.html +360 -296
  142. package/docs-dev/sass/helpers/units/index.html +360 -296
  143. package/docs-dev/sass/helpers/utilities/index.html +360 -296
  144. package/docs-dev/sass/index.html +363 -297
  145. package/js/index.js +1 -0
  146. package/js/settings.js +78 -0
  147. package/js/ui/modal-builder.js +3 -2
  148. package/js/ui/overflow-scroller.js +5 -4
  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/_nav-strip.scss +2 -0
  154. package/scss/components/_slider.scss +6 -27
  155. package/types/index.d.ts +1 -0
  156. package/types/settings.d.ts +38 -0
  157. package/types/settings.d.ts.map +1 -0
  158. package/types/ui/modal-builder.d.ts +2 -2
  159. package/types/ui/modal-builder.d.ts.map +1 -1
  160. package/types/ui/overflow-scroller.d.ts +2 -2
  161. package/types/ui/overflow-scroller.d.ts.map +1 -1
  162. package/types/ui/slider.d.ts +2 -2
  163. package/types/ui/slider.d.ts.map +1 -1
  164. package/types/utils/font-awesome.d.ts +5 -0
  165. package/types/utils/font-awesome.d.ts.map +1 -0
  166. 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>