@ulu/frontend 0.1.0-beta.12 → 0.1.0-beta.121

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 (344) hide show
  1. package/CHANGELOG.md +717 -0
  2. package/GEMINI.md +9 -0
  3. package/README.dev.md +3 -3
  4. package/README.md +14 -4
  5. package/dist/ulu-frontend.min.css +1 -1
  6. package/dist/ulu-frontend.min.js +36 -29
  7. package/docs-dev/.nojekyll +1 -0
  8. package/docs-dev/assets/main.js +832 -421
  9. package/docs-dev/assets/placeholder/icon-calendar.svg +1 -0
  10. package/docs-dev/assets/placeholder/icon-check.svg +1 -0
  11. package/docs-dev/assets/style.css +629 -233
  12. package/docs-dev/changelog/index.html +7613 -0
  13. package/docs-dev/changelog/updates-and-changes/index.html +5109 -0
  14. package/docs-dev/demos/accordion/index.html +1496 -358
  15. package/docs-dev/demos/badge/index.html +5895 -0
  16. package/docs-dev/demos/badge-stack/index.html +5876 -0
  17. package/docs-dev/demos/basic-hero/index.html +111 -0
  18. package/docs-dev/demos/breadcrumb/index.html +5930 -0
  19. package/docs-dev/demos/breakpoints-manager/index.html +5906 -0
  20. package/docs-dev/demos/button/index.html +1537 -343
  21. package/docs-dev/demos/button-group/index.html +5892 -0
  22. package/docs-dev/demos/button-verbose/index.html +5898 -0
  23. package/docs-dev/demos/callout/index.html +1559 -379
  24. package/docs-dev/demos/captioned-figure/index.html +1492 -339
  25. package/docs-dev/demos/card/index.html +1592 -800
  26. package/docs-dev/demos/card-grid/index.html +6017 -0
  27. package/docs-dev/demos/card-new/index.html +5088 -0
  28. package/docs-dev/demos/card-old/index.html +5223 -0
  29. package/docs-dev/demos/card.1/index.html +5223 -0
  30. package/docs-dev/demos/card.TRASH/index.html +5541 -0
  31. package/docs-dev/demos/counter-list/index.html +5900 -0
  32. package/docs-dev/demos/css-icons/index.html +1556 -380
  33. package/docs-dev/demos/data-grid/index.html +1492 -339
  34. package/docs-dev/demos/data-table/index.html +1634 -348
  35. package/docs-dev/demos/definition-list/index.html +6011 -0
  36. package/docs-dev/demos/details-group/index.html +5927 -0
  37. package/docs-dev/demos/donut-chart/index.html +5874 -0
  38. package/docs-dev/demos/file-save/index.html +1492 -339
  39. package/docs-dev/demos/flipcard/index.html +1492 -339
  40. package/docs-dev/demos/form-theme/index.html +1500 -347
  41. package/docs-dev/demos/headline-label/index.html +5862 -0
  42. package/docs-dev/demos/hero/index.html +12 -4
  43. package/docs-dev/demos/image-grid/index.html +12 -4
  44. package/docs-dev/demos/index.html +1493 -340
  45. package/docs-dev/demos/list-inline/index.html +1492 -339
  46. package/docs-dev/demos/list-lines/index.html +1492 -339
  47. package/docs-dev/demos/menu-stack/index.html +1652 -378
  48. package/docs-dev/demos/modals/index.html +1642 -366
  49. package/docs-dev/demos/nav-strip/index.html +1492 -339
  50. package/docs-dev/demos/overlay-section/index.html +1611 -388
  51. package/docs-dev/demos/panel/index.html +5922 -0
  52. package/docs-dev/demos/popovers/index.html +1752 -357
  53. package/docs-dev/demos/print/index.html +1492 -339
  54. package/docs-dev/demos/progress-bar/index.html +6030 -0
  55. package/docs-dev/demos/progress-circle/index.html +6197 -0
  56. package/docs-dev/demos/progress-donut/index.html +6107 -0
  57. package/docs-dev/demos/pull-quote/index.html +1492 -339
  58. package/docs-dev/demos/rail/index.html +5970 -0
  59. package/docs-dev/demos/rule/index.html +1509 -344
  60. package/docs-dev/demos/scroll-slider/index.html +72 -106
  61. package/docs-dev/demos/scrollpoints/index.html +1493 -340
  62. package/docs-dev/demos/skeleton/index.html +5918 -0
  63. package/docs-dev/demos/slider/index.html +12 -4
  64. package/docs-dev/demos/spoke-spinner/index.html +1492 -339
  65. package/docs-dev/demos/sticky-list/index.html +5883 -0
  66. package/docs-dev/demos/tabs/index.html +1565 -376
  67. package/docs-dev/demos/tag/index.html +1510 -345
  68. package/docs-dev/demos/theme-toggle/index.html +5939 -0
  69. package/docs-dev/demos/tile-grid-overlay/index.html +12 -4
  70. package/docs-dev/demos/tiles/index.html +1492 -339
  71. package/docs-dev/demos/tooltip/index.html +1492 -339
  72. package/docs-dev/demos/wysiwyg/index.html +5912 -0
  73. package/docs-dev/guide/building-stylesheet/index.html +1492 -339
  74. package/docs-dev/guide/developing-ulu-scss-module/index.html +1492 -339
  75. package/docs-dev/guide/index.html +1492 -339
  76. package/docs-dev/guide/updates-and-changes/index.html +5033 -0
  77. package/docs-dev/index.html +1492 -339
  78. package/docs-dev/javascript/events/index.html +1567 -376
  79. package/docs-dev/javascript/index.html +1492 -339
  80. package/docs-dev/javascript/settings/index.html +6065 -0
  81. package/docs-dev/javascript/ui-breakpoints/index.html +1506 -355
  82. package/docs-dev/javascript/ui-collapsible/index.html +1491 -340
  83. package/docs-dev/javascript/ui-details-group/index.html +5982 -0
  84. package/docs-dev/javascript/ui-dialog/index.html +1523 -357
  85. package/docs-dev/javascript/ui-flipcard/index.html +1552 -345
  86. package/docs-dev/javascript/ui-grid/index.html +1538 -413
  87. package/docs-dev/javascript/ui-modal-builder/index.html +1761 -470
  88. package/docs-dev/javascript/ui-overflow-scroller/index.html +1491 -340
  89. package/docs-dev/javascript/ui-overflow-scroller-pager/index.html +1491 -340
  90. package/docs-dev/javascript/ui-page/index.html +1491 -340
  91. package/docs-dev/javascript/ui-popover/index.html +1501 -354
  92. package/docs-dev/javascript/ui-print/index.html +1489 -346
  93. package/docs-dev/javascript/ui-print-details/index.html +1491 -340
  94. package/docs-dev/javascript/ui-programmatic-modal/index.html +1491 -340
  95. package/docs-dev/javascript/ui-proxy-click/index.html +1591 -355
  96. package/docs-dev/javascript/ui-resizer/index.html +1850 -434
  97. package/docs-dev/javascript/ui-scroll-slider/index.html +1531 -348
  98. package/docs-dev/javascript/ui-scrollpoint/index.html +1501 -357
  99. package/docs-dev/javascript/ui-slider/index.html +1708 -366
  100. package/docs-dev/javascript/ui-tabs/index.html +1523 -409
  101. package/docs-dev/javascript/ui-theme-toggle/index.html +6070 -0
  102. package/docs-dev/javascript/ui-tooltip/index.html +1501 -354
  103. package/docs-dev/javascript/utils-class-logger/index.html +1492 -341
  104. package/docs-dev/javascript/utils-css/index.html +5884 -0
  105. package/docs-dev/javascript/utils-dom/index.html +1523 -452
  106. package/docs-dev/javascript/utils-file-save/index.html +1491 -340
  107. package/docs-dev/javascript/utils-floating-ui/index.html +1491 -340
  108. package/docs-dev/javascript/utils-id/index.html +1491 -340
  109. package/docs-dev/javascript/utils-pause-youtube-video/index.html +1491 -340
  110. package/docs-dev/javascript/utils-system/index.html +6187 -0
  111. package/docs-dev/sass/base/color/index.html +1491 -340
  112. package/docs-dev/sass/base/elements/index.html +1492 -341
  113. package/docs-dev/sass/base/index/index.html +1492 -341
  114. package/docs-dev/sass/base/index.html +1492 -339
  115. package/docs-dev/sass/base/keyframes/index.html +1492 -341
  116. package/docs-dev/sass/base/layout/index.html +1492 -341
  117. package/docs-dev/sass/base/normalize/index.html +1491 -340
  118. package/docs-dev/sass/base/print/index.html +1492 -341
  119. package/docs-dev/sass/base/root/index.html +1495 -344
  120. package/docs-dev/sass/base/typography/index.html +1491 -340
  121. package/docs-dev/sass/components/accordion/index.html +1628 -436
  122. package/docs-dev/sass/components/adaptive-spacing/index.html +1491 -340
  123. package/docs-dev/sass/components/badge/index.html +1522 -353
  124. package/docs-dev/sass/components/badge-stack/index.html +6051 -0
  125. package/docs-dev/sass/components/basic-hero/index.html +6045 -0
  126. package/docs-dev/sass/components/breadcrumb/index.html +6092 -0
  127. package/docs-dev/sass/components/button/index.html +1491 -340
  128. package/docs-dev/sass/components/button-group/index.html +6043 -0
  129. package/docs-dev/sass/components/button-verbose/index.html +1613 -387
  130. package/docs-dev/sass/components/callout/index.html +1598 -388
  131. package/docs-dev/sass/components/captioned-figure/index.html +1491 -340
  132. package/docs-dev/sass/components/card/index.html +1601 -393
  133. package/docs-dev/sass/components/card-grid/index.html +1491 -340
  134. package/docs-dev/sass/components/counter-list/index.html +6127 -0
  135. package/docs-dev/sass/components/css-icon/index.html +1492 -341
  136. package/docs-dev/sass/components/data-grid/index.html +1511 -353
  137. package/docs-dev/sass/components/data-table/index.html +1510 -352
  138. package/docs-dev/sass/components/definition-list/index.html +6107 -0
  139. package/docs-dev/sass/components/fill-context/index.html +1491 -340
  140. package/docs-dev/sass/components/flipcard/index.html +1569 -387
  141. package/docs-dev/sass/components/flipcard-grid/index.html +1491 -340
  142. package/docs-dev/sass/components/form-theme/index.html +1718 -572
  143. package/docs-dev/sass/components/headline-label/index.html +6073 -0
  144. package/docs-dev/sass/components/hero/index.html +1499 -348
  145. package/docs-dev/sass/components/horizontal-rule/index.html +1491 -340
  146. package/docs-dev/sass/components/image-grid/index.html +1491 -340
  147. package/docs-dev/sass/components/index/index.html +1514 -349
  148. package/docs-dev/sass/components/index.html +1492 -339
  149. package/docs-dev/sass/components/links/index.html +1491 -340
  150. package/docs-dev/sass/components/list-inline/index.html +1491 -340
  151. package/docs-dev/sass/components/list-lines/index.html +1491 -340
  152. package/docs-dev/sass/components/list-ordered/index.html +1491 -340
  153. package/docs-dev/sass/components/list-unordered/index.html +1491 -340
  154. package/docs-dev/sass/components/menu-stack/index.html +1578 -378
  155. package/docs-dev/sass/components/modal/index.html +1576 -390
  156. package/docs-dev/sass/components/nav-strip/index.html +1499 -348
  157. package/docs-dev/sass/components/overlay-section/index.html +1499 -348
  158. package/docs-dev/sass/components/pager/index.html +1491 -340
  159. package/docs-dev/sass/components/panel/index.html +6273 -0
  160. package/docs-dev/sass/components/placeholder-block/index.html +1491 -340
  161. package/docs-dev/sass/components/popover/index.html +1561 -404
  162. package/docs-dev/sass/components/progress-bar/index.html +6252 -0
  163. package/docs-dev/sass/components/progress-circle/index.html +6144 -0
  164. package/docs-dev/sass/components/pull-quote/index.html +1491 -340
  165. package/docs-dev/sass/components/rail/index.html +6063 -0
  166. package/docs-dev/sass/components/ratio-box/index.html +1499 -348
  167. package/docs-dev/sass/components/rule/index.html +1492 -341
  168. package/docs-dev/sass/components/scroll-slider/index.html +1501 -362
  169. package/docs-dev/sass/components/skeleton/index.html +6101 -0
  170. package/docs-dev/sass/components/skip-link/index.html +1491 -340
  171. package/docs-dev/sass/components/slider/index.html +1581 -442
  172. package/docs-dev/sass/components/spoke-spinner/index.html +1493 -342
  173. package/docs-dev/sass/components/sticky-list/index.html +6263 -0
  174. package/docs-dev/sass/components/table-sticky/index.html +5707 -0
  175. package/docs-dev/sass/components/tabs/index.html +1519 -353
  176. package/docs-dev/sass/components/tag/index.html +1648 -403
  177. package/docs-dev/sass/components/tile-button/index.html +1491 -340
  178. package/docs-dev/sass/components/tile-grid/index.html +1491 -340
  179. package/docs-dev/sass/components/tile-grid-overlay/index.html +1491 -340
  180. package/docs-dev/sass/components/vignette/index.html +1499 -348
  181. package/docs-dev/sass/components/wysiwyg/index.html +1524 -355
  182. package/docs-dev/sass/core/breakpoint/index.html +1577 -374
  183. package/docs-dev/sass/core/button/index.html +1523 -370
  184. package/docs-dev/sass/core/color/index.html +1768 -485
  185. package/docs-dev/sass/core/cssvar/index.html +1491 -340
  186. package/docs-dev/sass/core/element/index.html +1837 -404
  187. package/docs-dev/sass/core/index.html +1491 -340
  188. package/docs-dev/sass/core/layout/index.html +1582 -412
  189. package/docs-dev/sass/core/path/index.html +1491 -340
  190. package/docs-dev/sass/core/selector/index.html +1491 -340
  191. package/docs-dev/sass/core/typography/index.html +1657 -448
  192. package/docs-dev/sass/core/units/index.html +1499 -342
  193. package/docs-dev/sass/core/utils/index.html +2781 -481
  194. package/docs-dev/sass/helpers/color/index.html +1491 -340
  195. package/docs-dev/sass/helpers/display/index.html +1492 -341
  196. package/docs-dev/sass/helpers/index/index.html +1491 -340
  197. package/docs-dev/sass/helpers/index.html +1492 -339
  198. package/docs-dev/sass/helpers/print/index.html +759 -298
  199. package/docs-dev/sass/helpers/typography/index.html +1491 -340
  200. package/docs-dev/sass/helpers/units/index.html +1491 -340
  201. package/docs-dev/sass/helpers/utilities/index.html +1495 -340
  202. package/docs-dev/sass/index.html +1492 -339
  203. package/js/events/index.js +17 -5
  204. package/js/index.js +1 -0
  205. package/js/settings.js +97 -0
  206. package/js/ui/breakpoints.js +19 -16
  207. package/js/ui/collapsible.js +8 -1
  208. package/js/ui/details-group.js +112 -0
  209. package/js/ui/dialog.js +103 -44
  210. package/js/ui/dialog.todo +2 -36
  211. package/js/ui/flipcard.js +37 -57
  212. package/js/ui/grid.js +15 -13
  213. package/js/ui/index.js +1 -0
  214. package/js/ui/modal-builder.js +127 -70
  215. package/js/ui/overflow-scroller.js +6 -4
  216. package/js/ui/page.js +2 -2
  217. package/js/ui/popover.js +38 -38
  218. package/js/ui/print.js +16 -25
  219. package/js/ui/programmatic-modal.js +9 -3
  220. package/js/ui/proxy-click.js +50 -36
  221. package/js/ui/resizer.js +408 -39
  222. package/js/ui/scroll-slider.js +24 -30
  223. package/js/ui/scrollpoint.js +29 -64
  224. package/js/ui/slider.js +108 -63
  225. package/js/ui/tabs.js +23 -36
  226. package/js/ui/theme-toggle.js +332 -94
  227. package/js/ui/tooltip.js +27 -32
  228. package/js/utils/class-logger.js +3 -3
  229. package/js/utils/css.js +13 -0
  230. package/js/utils/dom.js +23 -64
  231. package/js/utils/font-awesome.js +19 -0
  232. package/js/utils/index.js +2 -1
  233. package/js/utils/system.js +155 -0
  234. package/package.json +24 -9
  235. package/scss/README.md +9 -0
  236. package/scss/_breakpoint.scss +39 -5
  237. package/scss/_button.scss +7 -5
  238. package/scss/_color.scss +71 -40
  239. package/scss/_element.scss +124 -2
  240. package/scss/_layout.scss +7 -8
  241. package/scss/_typography.scss +15 -0
  242. package/scss/_units.scss +3 -2
  243. package/scss/_utils.scss +387 -16
  244. package/scss/base/_elements.scss +0 -1
  245. package/scss/base/_index.scss +1 -1
  246. package/scss/base/_keyframes.scss +15 -0
  247. package/scss/base/_layout.scss +1 -0
  248. package/scss/base/_print.scss +2 -0
  249. package/scss/base/_root.scss +2 -0
  250. package/scss/components/_accordion.scss +167 -110
  251. package/scss/components/_badge-stack.scss +84 -0
  252. package/scss/components/_badge.scss +30 -7
  253. package/scss/components/_basic-hero.scss +112 -0
  254. package/scss/components/_breadcrumb.scss +110 -0
  255. package/scss/components/_button-group.scss +90 -0
  256. package/scss/components/_button-verbose.scss +100 -18
  257. package/scss/components/_callout.scss +112 -53
  258. package/scss/components/_card-grid.scss +5 -2
  259. package/scss/components/_card.scss +216 -87
  260. package/scss/components/_counter-list.scss +151 -0
  261. package/scss/components/_css-icon.scss +27 -17
  262. package/scss/components/_data-grid.scss +55 -12
  263. package/scss/components/_data-table.scss +3 -0
  264. package/scss/components/_definition-list.scss +178 -0
  265. package/scss/components/_flipcard.scss +8 -3
  266. package/scss/components/_form-theme.scss +106 -95
  267. package/scss/components/_headline-label.scss +83 -0
  268. package/scss/components/_hero.scss +3 -10
  269. package/scss/components/_index.scss +79 -0
  270. package/scss/components/_menu-stack.scss +87 -23
  271. package/scss/components/_modal.scss +51 -23
  272. package/scss/components/_nav-strip.scss +2 -0
  273. package/scss/components/_overlay-section.scss +2 -5
  274. package/scss/components/_panel.scss +246 -0
  275. package/scss/components/_popover.scss +139 -38
  276. package/scss/components/_progress-bar.scss +260 -0
  277. package/scss/components/_progress-circle.scss +175 -0
  278. package/scss/components/_pull-quote.scss +1 -1
  279. package/scss/components/_rail.scss +127 -0
  280. package/scss/components/_ratio-box.scss +2 -5
  281. package/scss/components/_rule.scss +1 -0
  282. package/scss/components/_scroll-slider.scss +1 -5
  283. package/scss/components/_skeleton.scss +126 -0
  284. package/scss/components/_slider.scss +49 -72
  285. package/scss/components/_spoke-spinner.scss +2 -2
  286. package/scss/components/_sticky-list.scss +206 -0
  287. package/scss/components/_tabs.scss +22 -4
  288. package/scss/components/_tag.scss +49 -7
  289. package/scss/components/_vignette.scss +2 -5
  290. package/scss/components/_wysiwyg.scss +21 -13
  291. package/scss/helpers/_display.scss +15 -18
  292. package/scss/helpers/_print.scss +12 -7
  293. package/scss/helpers/_utilities.scss +62 -34
  294. package/types/events/index.d.ts +10 -1
  295. package/types/events/index.d.ts.map +1 -1
  296. package/types/index.d.ts +1 -0
  297. package/types/settings.d.ts +70 -0
  298. package/types/settings.d.ts.map +1 -0
  299. package/types/ui/breakpoints.d.ts +14 -14
  300. package/types/ui/breakpoints.d.ts.map +1 -1
  301. package/types/ui/collapsible.d.ts.map +1 -1
  302. package/types/ui/details-group.d.ts +38 -0
  303. package/types/ui/details-group.d.ts.map +1 -0
  304. package/types/ui/dialog.d.ts +20 -14
  305. package/types/ui/dialog.d.ts.map +1 -1
  306. package/types/ui/flipcard.d.ts +16 -10
  307. package/types/ui/flipcard.d.ts.map +1 -1
  308. package/types/ui/grid.d.ts +4 -6
  309. package/types/ui/grid.d.ts.map +1 -1
  310. package/types/ui/index.d.ts +1 -0
  311. package/types/ui/modal-builder.d.ts +116 -11
  312. package/types/ui/modal-builder.d.ts.map +1 -1
  313. package/types/ui/overflow-scroller.d.ts +2 -2
  314. package/types/ui/overflow-scroller.d.ts.map +1 -1
  315. package/types/ui/popover.d.ts +6 -7
  316. package/types/ui/popover.d.ts.map +1 -1
  317. package/types/ui/print.d.ts +0 -4
  318. package/types/ui/print.d.ts.map +1 -1
  319. package/types/ui/programmatic-modal.d.ts.map +1 -1
  320. package/types/ui/proxy-click.d.ts +19 -3
  321. package/types/ui/proxy-click.d.ts.map +1 -1
  322. package/types/ui/resizer.d.ts +116 -16
  323. package/types/ui/resizer.d.ts.map +1 -1
  324. package/types/ui/scroll-slider.d.ts +5 -7
  325. package/types/ui/scroll-slider.d.ts.map +1 -1
  326. package/types/ui/scrollpoint.d.ts +3 -8
  327. package/types/ui/scrollpoint.d.ts.map +1 -1
  328. package/types/ui/slider.d.ts +33 -14
  329. package/types/ui/slider.d.ts.map +1 -1
  330. package/types/ui/tabs.d.ts +6 -8
  331. package/types/ui/tabs.d.ts.map +1 -1
  332. package/types/ui/theme-toggle.d.ts +51 -7
  333. package/types/ui/theme-toggle.d.ts.map +1 -1
  334. package/types/ui/tooltip.d.ts +3 -5
  335. package/types/ui/tooltip.d.ts.map +1 -1
  336. package/types/utils/css.d.ts +11 -0
  337. package/types/utils/css.d.ts.map +1 -0
  338. package/types/utils/dom.d.ts +12 -32
  339. package/types/utils/dom.d.ts.map +1 -1
  340. package/types/utils/font-awesome.d.ts +5 -0
  341. package/types/utils/font-awesome.d.ts.map +1 -0
  342. package/types/utils/index.d.ts +1 -0
  343. package/types/utils/system.d.ts +113 -0
  344. package/types/utils/system.d.ts.map +1 -0
package/docs-dev/sass/core/color/index.html CHANGED
@@ -31,7 +31,7 @@
31
31
 
32
32
 
33
33
  </head>
34
- <body class="page theme-light" data-site-theme="">
34
+ <body class="page theme-light">
35
35
 
36
36
 
37
37
 
@@ -53,7 +53,14 @@
53
53
  <nav class="header__nav">
54
54
  <h2 class="hidden-visually">Main Menu</h2>
55
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>
56
+ <button class="button button--small button--icon button--icon-small" data-ulu-theme-toggle='{
57
+ "savePreference" : true,
58
+ "checkMediaQuery" : true,
59
+ "group" : "page"
60
+ }'>
61
+ <span class="hidden-visually">Toggle Theme to <span data-ulu-theme-toggle-label="">Dark</span></span>
62
+ <span class="fas fa-moon" data-ulu-theme-toggle-icon=""></span>
63
+ </button>
57
64
  <a class="button button--small button--icon button--icon-small" href="https://www.npmjs.com/package/@ulu/frontend" aria-label="View on Github">
58
65
  <span class="fab fa-github" aria-hidden="true"></span>
59
66
  </a>
@@ -67,7 +74,7 @@
67
74
  <ul class="nav-tree" data-menu-depth="1">
68
75
 
69
76
 
70
- <li class="nav-tree__item ">
77
+ <li class="nav-tree__item ">
71
78
  <details class="nav-tree__collapsible">
72
79
  <summary class="nav-tree__toggle">
73
80
 
@@ -88,7 +95,7 @@
88
95
  <ul class="nav-tree" data-menu-depth="2">
89
96
 
90
97
 
91
- <li class="nav-tree__item ">
98
+ <li class="nav-tree__item ">
92
99
 
93
100
  <a class="nav-tree__link " href="/frontend/guide/building-stylesheet/">
94
101
 
@@ -103,7 +110,7 @@
103
110
  </li>
104
111
 
105
112
 
106
- <li class="nav-tree__item ">
113
+ <li class="nav-tree__item ">
107
114
 
108
115
  <a class="nav-tree__link " href="/frontend/guide/developing-ulu-scss-module/">
109
116
 
@@ -123,7 +130,7 @@
123
130
  </li>
124
131
 
125
132
 
126
- <li class="nav-tree__item ">
133
+ <li class="nav-tree__item ">
127
134
  <details class="nav-tree__collapsible">
128
135
  <summary class="nav-tree__toggle">
129
136
 
@@ -144,7 +151,7 @@
144
151
  <ul class="nav-tree" data-menu-depth="2">
145
152
 
146
153
 
147
- <li class="nav-tree__item ">
154
+ <li class="nav-tree__item ">
148
155
 
149
156
  <a class="nav-tree__link " href="/frontend/demos/accordion/">
150
157
 
@@ -159,7 +166,82 @@
159
166
  </li>
160
167
 
161
168
 
162
- <li class="nav-tree__item ">
169
+ <li class="nav-tree__item ">
170
+
171
+ <a class="nav-tree__link " href="/frontend/demos/badge/">
172
+
173
+
174
+ <span class="nav-tree__text">
175
+ Badge
176
+ </span>
177
+
178
+ </a>
179
+
180
+
181
+ </li>
182
+
183
+
184
+ <li class="nav-tree__item ">
185
+
186
+ <a class="nav-tree__link " href="/frontend/demos/badge-stack/">
187
+
188
+
189
+ <span class="nav-tree__text">
190
+ Badge Stack
191
+ </span>
192
+
193
+ </a>
194
+
195
+
196
+ </li>
197
+
198
+
199
+ <li class="nav-tree__item ">
200
+
201
+ <a class="nav-tree__link " href="/frontend/demos/basic-hero/">
202
+
203
+
204
+ <span class="nav-tree__text">
205
+ Basic Hero
206
+ </span>
207
+
208
+ </a>
209
+
210
+
211
+ </li>
212
+
213
+
214
+ <li class="nav-tree__item ">
215
+
216
+ <a class="nav-tree__link " href="/frontend/demos/breadcrumb/">
217
+
218
+
219
+ <span class="nav-tree__text">
220
+ Breadcrumb
221
+ </span>
222
+
223
+ </a>
224
+
225
+
226
+ </li>
227
+
228
+
229
+ <li class="nav-tree__item ">
230
+
231
+ <a class="nav-tree__link " href="/frontend/demos/breakpoints-manager/">
232
+
233
+
234
+ <span class="nav-tree__text">
235
+ Breakpoint Manager
236
+ </span>
237
+
238
+ </a>
239
+
240
+
241
+ </li>
242
+
243
+
244
+ <li class="nav-tree__item ">
163
245
 
164
246
  <a class="nav-tree__link " href="/frontend/demos/button/">
165
247
 
@@ -174,7 +256,37 @@
174
256
  </li>
175
257
 
176
258
 
177
- <li class="nav-tree__item ">
259
+ <li class="nav-tree__item ">
260
+
261
+ <a class="nav-tree__link " href="/frontend/demos/button-group/">
262
+
263
+
264
+ <span class="nav-tree__text">
265
+ Button Group
266
+ </span>
267
+
268
+ </a>
269
+
270
+
271
+ </li>
272
+
273
+
274
+ <li class="nav-tree__item ">
275
+
276
+ <a class="nav-tree__link " href="/frontend/demos/button-verbose/">
277
+
278
+
279
+ <span class="nav-tree__text">
280
+ Button Verbose
281
+ </span>
282
+
283
+ </a>
284
+
285
+
286
+ </li>
287
+
288
+
289
+ <li class="nav-tree__item ">
178
290
 
179
291
  <a class="nav-tree__link " href="/frontend/demos/callout/">
180
292
 
@@ -189,7 +301,7 @@
189
301
  </li>
190
302
 
191
303
 
192
- <li class="nav-tree__item ">
304
+ <li class="nav-tree__item ">
193
305
 
194
306
  <a class="nav-tree__link " href="/frontend/demos/captioned-figure/">
195
307
 
@@ -204,7 +316,7 @@
204
316
  </li>
205
317
 
206
318
 
207
- <li class="nav-tree__item ">
319
+ <li class="nav-tree__item ">
208
320
 
209
321
  <a class="nav-tree__link " href="/frontend/demos/card/">
210
322
 
@@ -219,7 +331,37 @@
219
331
  </li>
220
332
 
221
333
 
222
- <li class="nav-tree__item ">
334
+ <li class="nav-tree__item ">
335
+
336
+ <a class="nav-tree__link " href="/frontend/demos/card-grid/">
337
+
338
+
339
+ <span class="nav-tree__text">
340
+ Card Grid
341
+ </span>
342
+
343
+ </a>
344
+
345
+
346
+ </li>
347
+
348
+
349
+ <li class="nav-tree__item ">
350
+
351
+ <a class="nav-tree__link " href="/frontend/demos/counter-list/">
352
+
353
+
354
+ <span class="nav-tree__text">
355
+ Counter List
356
+ </span>
357
+
358
+ </a>
359
+
360
+
361
+ </li>
362
+
363
+
364
+ <li class="nav-tree__item ">
223
365
 
224
366
  <a class="nav-tree__link " href="/frontend/demos/css-icons/">
225
367
 
@@ -234,7 +376,7 @@
234
376
  </li>
235
377
 
236
378
 
237
- <li class="nav-tree__item ">
379
+ <li class="nav-tree__item ">
238
380
 
239
381
  <a class="nav-tree__link " href="/frontend/demos/data-grid/">
240
382
 
@@ -249,7 +391,7 @@
249
391
  </li>
250
392
 
251
393
 
252
- <li class="nav-tree__item ">
394
+ <li class="nav-tree__item ">
253
395
 
254
396
  <a class="nav-tree__link " href="/frontend/demos/data-table/">
255
397
 
@@ -264,7 +406,37 @@
264
406
  </li>
265
407
 
266
408
 
267
- <li class="nav-tree__item ">
409
+ <li class="nav-tree__item ">
410
+
411
+ <a class="nav-tree__link " href="/frontend/demos/definition-list/">
412
+
413
+
414
+ <span class="nav-tree__text">
415
+ Definition List
416
+ </span>
417
+
418
+ </a>
419
+
420
+
421
+ </li>
422
+
423
+
424
+ <li class="nav-tree__item ">
425
+
426
+ <a class="nav-tree__link " href="/frontend/demos/details-group/">
427
+
428
+
429
+ <span class="nav-tree__text">
430
+ Details Group
431
+ </span>
432
+
433
+ </a>
434
+
435
+
436
+ </li>
437
+
438
+
439
+ <li class="nav-tree__item ">
268
440
 
269
441
  <a class="nav-tree__link " href="/frontend/demos/file-save/">
270
442
 
@@ -279,7 +451,7 @@
279
451
  </li>
280
452
 
281
453
 
282
- <li class="nav-tree__item ">
454
+ <li class="nav-tree__item ">
283
455
 
284
456
  <a class="nav-tree__link " href="/frontend/demos/flipcard/">
285
457
 
@@ -294,7 +466,7 @@
294
466
  </li>
295
467
 
296
468
 
297
- <li class="nav-tree__item ">
469
+ <li class="nav-tree__item ">
298
470
 
299
471
  <a class="nav-tree__link " href="/frontend/demos/form-theme/">
300
472
 
@@ -309,7 +481,22 @@
309
481
  </li>
310
482
 
311
483
 
312
- <li class="nav-tree__item ">
484
+ <li class="nav-tree__item ">
485
+
486
+ <a class="nav-tree__link " href="/frontend/demos/headline-label/">
487
+
488
+
489
+ <span class="nav-tree__text">
490
+ Headline Label
491
+ </span>
492
+
493
+ </a>
494
+
495
+
496
+ </li>
497
+
498
+
499
+ <li class="nav-tree__item ">
313
500
 
314
501
  <a class="nav-tree__link " href="/frontend/demos/hero/">
315
502
 
@@ -324,7 +511,7 @@
324
511
  </li>
325
512
 
326
513
 
327
- <li class="nav-tree__item ">
514
+ <li class="nav-tree__item ">
328
515
 
329
516
  <a class="nav-tree__link " href="/frontend/demos/image-grid/">
330
517
 
@@ -339,7 +526,7 @@
339
526
  </li>
340
527
 
341
528
 
342
- <li class="nav-tree__item ">
529
+ <li class="nav-tree__item ">
343
530
 
344
531
  <a class="nav-tree__link " href="/frontend/demos/list-inline/">
345
532
 
@@ -354,7 +541,7 @@
354
541
  </li>
355
542
 
356
543
 
357
- <li class="nav-tree__item ">
544
+ <li class="nav-tree__item ">
358
545
 
359
546
  <a class="nav-tree__link " href="/frontend/demos/list-lines/">
360
547
 
@@ -369,7 +556,7 @@
369
556
  </li>
370
557
 
371
558
 
372
- <li class="nav-tree__item ">
559
+ <li class="nav-tree__item ">
373
560
 
374
561
  <a class="nav-tree__link " href="/frontend/demos/menu-stack/">
375
562
 
@@ -384,7 +571,7 @@
384
571
  </li>
385
572
 
386
573
 
387
- <li class="nav-tree__item ">
574
+ <li class="nav-tree__item ">
388
575
 
389
576
  <a class="nav-tree__link " href="/frontend/demos/modals/">
390
577
 
@@ -399,7 +586,7 @@
399
586
  </li>
400
587
 
401
588
 
402
- <li class="nav-tree__item ">
589
+ <li class="nav-tree__item ">
403
590
 
404
591
  <a class="nav-tree__link " href="/frontend/demos/nav-strip/">
405
592
 
@@ -414,7 +601,7 @@
414
601
  </li>
415
602
 
416
603
 
417
- <li class="nav-tree__item ">
604
+ <li class="nav-tree__item ">
418
605
 
419
606
  <a class="nav-tree__link " href="/frontend/demos/overlay-section/">
420
607
 
@@ -429,7 +616,22 @@
429
616
  </li>
430
617
 
431
618
 
432
- <li class="nav-tree__item ">
619
+ <li class="nav-tree__item ">
620
+
621
+ <a class="nav-tree__link " href="/frontend/demos/panel/">
622
+
623
+
624
+ <span class="nav-tree__text">
625
+ Panel
626
+ </span>
627
+
628
+ </a>
629
+
630
+
631
+ </li>
632
+
633
+
634
+ <li class="nav-tree__item ">
433
635
 
434
636
  <a class="nav-tree__link " href="/frontend/demos/popovers/">
435
637
 
@@ -444,7 +646,7 @@
444
646
  </li>
445
647
 
446
648
 
447
- <li class="nav-tree__item ">
649
+ <li class="nav-tree__item ">
448
650
 
449
651
  <a class="nav-tree__link " href="/frontend/demos/print/">
450
652
 
@@ -459,7 +661,37 @@
459
661
  </li>
460
662
 
461
663
 
462
- <li class="nav-tree__item ">
664
+ <li class="nav-tree__item ">
665
+
666
+ <a class="nav-tree__link " href="/frontend/demos/progress-bar/">
667
+
668
+
669
+ <span class="nav-tree__text">
670
+ Progress Bar
671
+ </span>
672
+
673
+ </a>
674
+
675
+
676
+ </li>
677
+
678
+
679
+ <li class="nav-tree__item ">
680
+
681
+ <a class="nav-tree__link " href="/frontend/demos/progress-circle/">
682
+
683
+
684
+ <span class="nav-tree__text">
685
+ Progress Circle
686
+ </span>
687
+
688
+ </a>
689
+
690
+
691
+ </li>
692
+
693
+
694
+ <li class="nav-tree__item ">
463
695
 
464
696
  <a class="nav-tree__link " href="/frontend/demos/pull-quote/">
465
697
 
@@ -474,7 +706,22 @@
474
706
  </li>
475
707
 
476
708
 
477
- <li class="nav-tree__item ">
709
+ <li class="nav-tree__item ">
710
+
711
+ <a class="nav-tree__link " href="/frontend/demos/rail/">
712
+
713
+
714
+ <span class="nav-tree__text">
715
+ Rail
716
+ </span>
717
+
718
+ </a>
719
+
720
+
721
+ </li>
722
+
723
+
724
+ <li class="nav-tree__item ">
478
725
 
479
726
  <a class="nav-tree__link " href="/frontend/demos/rule/">
480
727
 
@@ -489,7 +736,7 @@
489
736
  </li>
490
737
 
491
738
 
492
- <li class="nav-tree__item ">
739
+ <li class="nav-tree__item ">
493
740
 
494
741
  <a class="nav-tree__link " href="/frontend/demos/scroll-slider/">
495
742
 
@@ -504,7 +751,7 @@
504
751
  </li>
505
752
 
506
753
 
507
- <li class="nav-tree__item ">
754
+ <li class="nav-tree__item ">
508
755
 
509
756
  <a class="nav-tree__link " href="/frontend/demos/scrollpoints/">
510
757
 
@@ -519,7 +766,22 @@
519
766
  </li>
520
767
 
521
768
 
522
- <li class="nav-tree__item ">
769
+ <li class="nav-tree__item ">
770
+
771
+ <a class="nav-tree__link " href="/frontend/demos/skeleton/">
772
+
773
+
774
+ <span class="nav-tree__text">
775
+ Skeleton
776
+ </span>
777
+
778
+ </a>
779
+
780
+
781
+ </li>
782
+
783
+
784
+ <li class="nav-tree__item ">
523
785
 
524
786
  <a class="nav-tree__link " href="/frontend/demos/slider/">
525
787
 
@@ -534,7 +796,7 @@
534
796
  </li>
535
797
 
536
798
 
537
- <li class="nav-tree__item ">
799
+ <li class="nav-tree__item ">
538
800
 
539
801
  <a class="nav-tree__link " href="/frontend/demos/spoke-spinner/">
540
802
 
@@ -549,7 +811,22 @@
549
811
  </li>
550
812
 
551
813
 
552
- <li class="nav-tree__item ">
814
+ <li class="nav-tree__item ">
815
+
816
+ <a class="nav-tree__link " href="/frontend/demos/sticky-list/">
817
+
818
+
819
+ <span class="nav-tree__text">
820
+ Sticky List
821
+ </span>
822
+
823
+ </a>
824
+
825
+
826
+ </li>
827
+
828
+
829
+ <li class="nav-tree__item ">
553
830
 
554
831
  <a class="nav-tree__link " href="/frontend/demos/tabs/">
555
832
 
@@ -564,7 +841,7 @@
564
841
  </li>
565
842
 
566
843
 
567
- <li class="nav-tree__item ">
844
+ <li class="nav-tree__item ">
568
845
 
569
846
  <a class="nav-tree__link " href="/frontend/demos/tag/">
570
847
 
@@ -579,7 +856,22 @@
579
856
  </li>
580
857
 
581
858
 
582
- <li class="nav-tree__item ">
859
+ <li class="nav-tree__item ">
860
+
861
+ <a class="nav-tree__link " href="/frontend/demos/theme-toggle/">
862
+
863
+
864
+ <span class="nav-tree__text">
865
+ Theme Toggle
866
+ </span>
867
+
868
+ </a>
869
+
870
+
871
+ </li>
872
+
873
+
874
+ <li class="nav-tree__item ">
583
875
 
584
876
  <a class="nav-tree__link " href="/frontend/demos/tile-grid-overlay/">
585
877
 
@@ -594,7 +886,7 @@
594
886
  </li>
595
887
 
596
888
 
597
- <li class="nav-tree__item ">
889
+ <li class="nav-tree__item ">
598
890
 
599
891
  <a class="nav-tree__link " href="/frontend/demos/tiles/">
600
892
 
@@ -609,7 +901,7 @@
609
901
  </li>
610
902
 
611
903
 
612
- <li class="nav-tree__item ">
904
+ <li class="nav-tree__item ">
613
905
 
614
906
  <a class="nav-tree__link " href="/frontend/demos/tooltip/">
615
907
 
@@ -623,13 +915,28 @@
623
915
 
624
916
  </li>
625
917
 
918
+
919
+ <li class="nav-tree__item ">
920
+
921
+ <a class="nav-tree__link " href="/frontend/demos/wysiwyg/">
922
+
923
+
924
+ <span class="nav-tree__text">
925
+ WYSIWYG
926
+ </span>
927
+
928
+ </a>
929
+
930
+
931
+ </li>
932
+
626
933
  </ul>
627
934
 
628
935
  </details>
629
936
  </li>
630
937
 
631
938
 
632
- <li class="nav-tree__item is-active-trail">
939
+ <li class="nav-tree__item is-active-trail ">
633
940
  <details class="nav-tree__collapsible" open="">
634
941
  <summary class="nav-tree__toggle">
635
942
 
@@ -649,7 +956,7 @@
649
956
 
650
957
  <ul class="nav-tree" data-menu-depth="2">
651
958
 
652
- <li class="nav-tree__item is-active-trail">
959
+ <li class="nav-tree__item is-active-trail ">
653
960
 
654
961
  <a class="nav-tree__link nav-tree__link--index is-active-trail" href="/frontend/sass/">
655
962
 
@@ -664,7 +971,7 @@
664
971
  </li>
665
972
 
666
973
 
667
- <li class="nav-tree__item is-active-trail">
974
+ <li class="nav-tree__item is-active-trail ">
668
975
  <details class="nav-tree__collapsible" open="">
669
976
  <summary class="nav-tree__toggle">
670
977
 
@@ -682,7 +989,7 @@
682
989
 
683
990
  <ul class="nav-tree" data-menu-depth="3">
684
991
 
685
- <li class="nav-tree__item is-active-trail">
992
+ <li class="nav-tree__item is-active-trail ">
686
993
 
687
994
  <a class="nav-tree__link nav-tree__link--index is-active-trail" href="/frontend/sass/core/">
688
995
 
@@ -697,7 +1004,7 @@
697
1004
  </li>
698
1005
 
699
1006
 
700
- <li class="nav-tree__item ">
1007
+ <li class="nav-tree__item ">
701
1008
 
702
1009
  <a class="nav-tree__link " href="/frontend/sass/core/breakpoint/">
703
1010
 
@@ -712,7 +1019,7 @@
712
1019
  </li>
713
1020
 
714
1021
 
715
- <li class="nav-tree__item ">
1022
+ <li class="nav-tree__item ">
716
1023
 
717
1024
  <a class="nav-tree__link " href="/frontend/sass/core/button/">
718
1025
 
@@ -727,7 +1034,7 @@
727
1034
  </li>
728
1035
 
729
1036
 
730
- <li class="nav-tree__item is-active is-active-trail">
1037
+ <li class="nav-tree__item is-active is-active-trail ">
731
1038
 
732
1039
  <a class="nav-tree__link is-active is-active-trail" href="/frontend/sass/core/color/" aria-current="page">
733
1040
 
@@ -742,7 +1049,7 @@
742
1049
  </li>
743
1050
 
744
1051
 
745
- <li class="nav-tree__item ">
1052
+ <li class="nav-tree__item ">
746
1053
 
747
1054
  <a class="nav-tree__link " href="/frontend/sass/core/cssvar/">
748
1055
 
@@ -757,7 +1064,7 @@
757
1064
  </li>
758
1065
 
759
1066
 
760
- <li class="nav-tree__item ">
1067
+ <li class="nav-tree__item ">
761
1068
 
762
1069
  <a class="nav-tree__link " href="/frontend/sass/core/element/">
763
1070
 
@@ -772,7 +1079,7 @@
772
1079
  </li>
773
1080
 
774
1081
 
775
- <li class="nav-tree__item ">
1082
+ <li class="nav-tree__item ">
776
1083
 
777
1084
  <a class="nav-tree__link " href="/frontend/sass/core/layout/">
778
1085
 
@@ -787,7 +1094,7 @@
787
1094
  </li>
788
1095
 
789
1096
 
790
- <li class="nav-tree__item ">
1097
+ <li class="nav-tree__item ">
791
1098
 
792
1099
  <a class="nav-tree__link " href="/frontend/sass/core/path/">
793
1100
 
@@ -802,7 +1109,7 @@
802
1109
  </li>
803
1110
 
804
1111
 
805
- <li class="nav-tree__item ">
1112
+ <li class="nav-tree__item ">
806
1113
 
807
1114
  <a class="nav-tree__link " href="/frontend/sass/core/selector/">
808
1115
 
@@ -817,7 +1124,7 @@
817
1124
  </li>
818
1125
 
819
1126
 
820
- <li class="nav-tree__item ">
1127
+ <li class="nav-tree__item ">
821
1128
 
822
1129
  <a class="nav-tree__link " href="/frontend/sass/core/typography/">
823
1130
 
@@ -832,7 +1139,7 @@
832
1139
  </li>
833
1140
 
834
1141
 
835
- <li class="nav-tree__item ">
1142
+ <li class="nav-tree__item ">
836
1143
 
837
1144
  <a class="nav-tree__link " href="/frontend/sass/core/units/">
838
1145
 
@@ -847,7 +1154,7 @@
847
1154
  </li>
848
1155
 
849
1156
 
850
- <li class="nav-tree__item ">
1157
+ <li class="nav-tree__item ">
851
1158
 
852
1159
  <a class="nav-tree__link " href="/frontend/sass/core/utils/">
853
1160
 
@@ -867,7 +1174,7 @@
867
1174
  </li>
868
1175
 
869
1176
 
870
- <li class="nav-tree__item ">
1177
+ <li class="nav-tree__item ">
871
1178
  <details class="nav-tree__collapsible">
872
1179
  <summary class="nav-tree__toggle">
873
1180
 
@@ -885,7 +1192,7 @@
885
1192
 
886
1193
  <ul class="nav-tree" data-menu-depth="3">
887
1194
 
888
- <li class="nav-tree__item ">
1195
+ <li class="nav-tree__item ">
889
1196
 
890
1197
  <a class="nav-tree__link nav-tree__link--index " href="/frontend/sass/base/">
891
1198
 
@@ -900,7 +1207,7 @@
900
1207
  </li>
901
1208
 
902
1209
 
903
- <li class="nav-tree__item ">
1210
+ <li class="nav-tree__item ">
904
1211
 
905
1212
  <a class="nav-tree__link " href="/frontend/sass/base/color/">
906
1213
 
@@ -915,7 +1222,7 @@
915
1222
  </li>
916
1223
 
917
1224
 
918
- <li class="nav-tree__item ">
1225
+ <li class="nav-tree__item ">
919
1226
 
920
1227
  <a class="nav-tree__link " href="/frontend/sass/base/elements/">
921
1228
 
@@ -930,7 +1237,7 @@
930
1237
  </li>
931
1238
 
932
1239
 
933
- <li class="nav-tree__item ">
1240
+ <li class="nav-tree__item ">
934
1241
 
935
1242
  <a class="nav-tree__link " href="/frontend/sass/base/index/">
936
1243
 
@@ -945,7 +1252,7 @@
945
1252
  </li>
946
1253
 
947
1254
 
948
- <li class="nav-tree__item ">
1255
+ <li class="nav-tree__item ">
949
1256
 
950
1257
  <a class="nav-tree__link " href="/frontend/sass/base/keyframes/">
951
1258
 
@@ -960,7 +1267,7 @@
960
1267
  </li>
961
1268
 
962
1269
 
963
- <li class="nav-tree__item ">
1270
+ <li class="nav-tree__item ">
964
1271
 
965
1272
  <a class="nav-tree__link " href="/frontend/sass/base/layout/">
966
1273
 
@@ -975,7 +1282,7 @@
975
1282
  </li>
976
1283
 
977
1284
 
978
- <li class="nav-tree__item ">
1285
+ <li class="nav-tree__item ">
979
1286
 
980
1287
  <a class="nav-tree__link " href="/frontend/sass/base/normalize/">
981
1288
 
@@ -990,7 +1297,7 @@
990
1297
  </li>
991
1298
 
992
1299
 
993
- <li class="nav-tree__item ">
1300
+ <li class="nav-tree__item ">
994
1301
 
995
1302
  <a class="nav-tree__link " href="/frontend/sass/base/print/">
996
1303
 
@@ -1005,7 +1312,7 @@
1005
1312
  </li>
1006
1313
 
1007
1314
 
1008
- <li class="nav-tree__item ">
1315
+ <li class="nav-tree__item ">
1009
1316
 
1010
1317
  <a class="nav-tree__link " href="/frontend/sass/base/root/">
1011
1318
 
@@ -1020,7 +1327,7 @@
1020
1327
  </li>
1021
1328
 
1022
1329
 
1023
- <li class="nav-tree__item ">
1330
+ <li class="nav-tree__item ">
1024
1331
 
1025
1332
  <a class="nav-tree__link " href="/frontend/sass/base/typography/">
1026
1333
 
@@ -1040,7 +1347,7 @@
1040
1347
  </li>
1041
1348
 
1042
1349
 
1043
- <li class="nav-tree__item ">
1350
+ <li class="nav-tree__item ">
1044
1351
  <details class="nav-tree__collapsible">
1045
1352
  <summary class="nav-tree__toggle">
1046
1353
 
@@ -1058,7 +1365,7 @@
1058
1365
 
1059
1366
  <ul class="nav-tree" data-menu-depth="3">
1060
1367
 
1061
- <li class="nav-tree__item ">
1368
+ <li class="nav-tree__item ">
1062
1369
 
1063
1370
  <a class="nav-tree__link nav-tree__link--index " href="/frontend/sass/components/">
1064
1371
 
@@ -1073,7 +1380,7 @@
1073
1380
  </li>
1074
1381
 
1075
1382
 
1076
- <li class="nav-tree__item ">
1383
+ <li class="nav-tree__item ">
1077
1384
 
1078
1385
  <a class="nav-tree__link " href="/frontend/sass/components/accordion/">
1079
1386
 
@@ -1088,7 +1395,7 @@
1088
1395
  </li>
1089
1396
 
1090
1397
 
1091
- <li class="nav-tree__item ">
1398
+ <li class="nav-tree__item ">
1092
1399
 
1093
1400
  <a class="nav-tree__link " href="/frontend/sass/components/adaptive-spacing/">
1094
1401
 
@@ -1103,7 +1410,7 @@
1103
1410
  </li>
1104
1411
 
1105
1412
 
1106
- <li class="nav-tree__item ">
1413
+ <li class="nav-tree__item ">
1107
1414
 
1108
1415
  <a class="nav-tree__link " href="/frontend/sass/components/badge/">
1109
1416
 
@@ -1118,13 +1425,13 @@
1118
1425
  </li>
1119
1426
 
1120
1427
 
1121
- <li class="nav-tree__item ">
1428
+ <li class="nav-tree__item ">
1122
1429
 
1123
- <a class="nav-tree__link " href="/frontend/sass/components/button/">
1430
+ <a class="nav-tree__link " href="/frontend/sass/components/badge-stack/">
1124
1431
 
1125
1432
 
1126
1433
  <span class="nav-tree__text">
1127
- Button
1434
+ Badge-stack
1128
1435
  </span>
1129
1436
 
1130
1437
  </a>
@@ -1133,13 +1440,13 @@
1133
1440
  </li>
1134
1441
 
1135
1442
 
1136
- <li class="nav-tree__item ">
1443
+ <li class="nav-tree__item ">
1137
1444
 
1138
- <a class="nav-tree__link " href="/frontend/sass/components/button-verbose/">
1445
+ <a class="nav-tree__link " href="/frontend/sass/components/basic-hero/">
1139
1446
 
1140
1447
 
1141
1448
  <span class="nav-tree__text">
1142
- Button-verbose
1449
+ Basic-hero
1143
1450
  </span>
1144
1451
 
1145
1452
  </a>
@@ -1148,13 +1455,13 @@
1148
1455
  </li>
1149
1456
 
1150
1457
 
1151
- <li class="nav-tree__item ">
1458
+ <li class="nav-tree__item ">
1152
1459
 
1153
- <a class="nav-tree__link " href="/frontend/sass/components/callout/">
1460
+ <a class="nav-tree__link " href="/frontend/sass/components/breadcrumb/">
1154
1461
 
1155
1462
 
1156
1463
  <span class="nav-tree__text">
1157
- Callout
1464
+ Breadcrumb
1158
1465
  </span>
1159
1466
 
1160
1467
  </a>
@@ -1163,13 +1470,13 @@
1163
1470
  </li>
1164
1471
 
1165
1472
 
1166
- <li class="nav-tree__item ">
1473
+ <li class="nav-tree__item ">
1167
1474
 
1168
- <a class="nav-tree__link " href="/frontend/sass/components/captioned-figure/">
1475
+ <a class="nav-tree__link " href="/frontend/sass/components/button/">
1169
1476
 
1170
1477
 
1171
1478
  <span class="nav-tree__text">
1172
- Captioned-figure
1479
+ Button
1173
1480
  </span>
1174
1481
 
1175
1482
  </a>
@@ -1178,13 +1485,13 @@
1178
1485
  </li>
1179
1486
 
1180
1487
 
1181
- <li class="nav-tree__item ">
1488
+ <li class="nav-tree__item ">
1182
1489
 
1183
- <a class="nav-tree__link " href="/frontend/sass/components/card/">
1490
+ <a class="nav-tree__link " href="/frontend/sass/components/button-group/">
1184
1491
 
1185
1492
 
1186
1493
  <span class="nav-tree__text">
1187
- Card
1494
+ Button-group
1188
1495
  </span>
1189
1496
 
1190
1497
  </a>
@@ -1193,13 +1500,28 @@
1193
1500
  </li>
1194
1501
 
1195
1502
 
1196
- <li class="nav-tree__item ">
1503
+ <li class="nav-tree__item ">
1197
1504
 
1198
- <a class="nav-tree__link " href="/frontend/sass/components/card-grid/">
1505
+ <a class="nav-tree__link " href="/frontend/sass/components/button-verbose/">
1199
1506
 
1200
1507
 
1201
1508
  <span class="nav-tree__text">
1202
- Card-grid
1509
+ Button-verbose
1510
+ </span>
1511
+
1512
+ </a>
1513
+
1514
+
1515
+ </li>
1516
+
1517
+
1518
+ <li class="nav-tree__item ">
1519
+
1520
+ <a class="nav-tree__link " href="/frontend/sass/components/callout/">
1521
+
1522
+
1523
+ <span class="nav-tree__text">
1524
+ Callout
1203
1525
  </span>
1204
1526
 
1205
1527
  </a>
@@ -1208,7 +1530,67 @@
1208
1530
  </li>
1209
1531
 
1210
1532
 
1211
- <li class="nav-tree__item ">
1533
+ <li class="nav-tree__item ">
1534
+
1535
+ <a class="nav-tree__link " href="/frontend/sass/components/captioned-figure/">
1536
+
1537
+
1538
+ <span class="nav-tree__text">
1539
+ Captioned-figure
1540
+ </span>
1541
+
1542
+ </a>
1543
+
1544
+
1545
+ </li>
1546
+
1547
+
1548
+ <li class="nav-tree__item ">
1549
+
1550
+ <a class="nav-tree__link " href="/frontend/sass/components/card/">
1551
+
1552
+
1553
+ <span class="nav-tree__text">
1554
+ Card
1555
+ </span>
1556
+
1557
+ </a>
1558
+
1559
+
1560
+ </li>
1561
+
1562
+
1563
+ <li class="nav-tree__item ">
1564
+
1565
+ <a class="nav-tree__link " href="/frontend/sass/components/card-grid/">
1566
+
1567
+
1568
+ <span class="nav-tree__text">
1569
+ Card-grid
1570
+ </span>
1571
+
1572
+ </a>
1573
+
1574
+
1575
+ </li>
1576
+
1577
+
1578
+ <li class="nav-tree__item ">
1579
+
1580
+ <a class="nav-tree__link " href="/frontend/sass/components/counter-list/">
1581
+
1582
+
1583
+ <span class="nav-tree__text">
1584
+ Counter-list
1585
+ </span>
1586
+
1587
+ </a>
1588
+
1589
+
1590
+ </li>
1591
+
1592
+
1593
+ <li class="nav-tree__item ">
1212
1594
 
1213
1595
  <a class="nav-tree__link " href="/frontend/sass/components/css-icon/">
1214
1596
 
@@ -1223,7 +1605,7 @@
1223
1605
  </li>
1224
1606
 
1225
1607
 
1226
- <li class="nav-tree__item ">
1608
+ <li class="nav-tree__item ">
1227
1609
 
1228
1610
  <a class="nav-tree__link " href="/frontend/sass/components/data-grid/">
1229
1611
 
@@ -1238,7 +1620,7 @@
1238
1620
  </li>
1239
1621
 
1240
1622
 
1241
- <li class="nav-tree__item ">
1623
+ <li class="nav-tree__item ">
1242
1624
 
1243
1625
  <a class="nav-tree__link " href="/frontend/sass/components/data-table/">
1244
1626
 
@@ -1253,7 +1635,22 @@
1253
1635
  </li>
1254
1636
 
1255
1637
 
1256
- <li class="nav-tree__item ">
1638
+ <li class="nav-tree__item ">
1639
+
1640
+ <a class="nav-tree__link " href="/frontend/sass/components/definition-list/">
1641
+
1642
+
1643
+ <span class="nav-tree__text">
1644
+ Definition-list
1645
+ </span>
1646
+
1647
+ </a>
1648
+
1649
+
1650
+ </li>
1651
+
1652
+
1653
+ <li class="nav-tree__item ">
1257
1654
 
1258
1655
  <a class="nav-tree__link " href="/frontend/sass/components/fill-context/">
1259
1656
 
@@ -1268,7 +1665,7 @@
1268
1665
  </li>
1269
1666
 
1270
1667
 
1271
- <li class="nav-tree__item ">
1668
+ <li class="nav-tree__item ">
1272
1669
 
1273
1670
  <a class="nav-tree__link " href="/frontend/sass/components/flipcard/">
1274
1671
 
@@ -1283,7 +1680,7 @@
1283
1680
  </li>
1284
1681
 
1285
1682
 
1286
- <li class="nav-tree__item ">
1683
+ <li class="nav-tree__item ">
1287
1684
 
1288
1685
  <a class="nav-tree__link " href="/frontend/sass/components/flipcard-grid/">
1289
1686
 
@@ -1298,7 +1695,7 @@
1298
1695
  </li>
1299
1696
 
1300
1697
 
1301
- <li class="nav-tree__item ">
1698
+ <li class="nav-tree__item ">
1302
1699
 
1303
1700
  <a class="nav-tree__link " href="/frontend/sass/components/form-theme/">
1304
1701
 
@@ -1313,7 +1710,22 @@
1313
1710
  </li>
1314
1711
 
1315
1712
 
1316
- <li class="nav-tree__item ">
1713
+ <li class="nav-tree__item ">
1714
+
1715
+ <a class="nav-tree__link " href="/frontend/sass/components/headline-label/">
1716
+
1717
+
1718
+ <span class="nav-tree__text">
1719
+ Headline-label
1720
+ </span>
1721
+
1722
+ </a>
1723
+
1724
+
1725
+ </li>
1726
+
1727
+
1728
+ <li class="nav-tree__item ">
1317
1729
 
1318
1730
  <a class="nav-tree__link " href="/frontend/sass/components/hero/">
1319
1731
 
@@ -1328,7 +1740,7 @@
1328
1740
  </li>
1329
1741
 
1330
1742
 
1331
- <li class="nav-tree__item ">
1743
+ <li class="nav-tree__item ">
1332
1744
 
1333
1745
  <a class="nav-tree__link " href="/frontend/sass/components/horizontal-rule/">
1334
1746
 
@@ -1343,7 +1755,7 @@
1343
1755
  </li>
1344
1756
 
1345
1757
 
1346
- <li class="nav-tree__item ">
1758
+ <li class="nav-tree__item ">
1347
1759
 
1348
1760
  <a class="nav-tree__link " href="/frontend/sass/components/image-grid/">
1349
1761
 
@@ -1358,7 +1770,7 @@
1358
1770
  </li>
1359
1771
 
1360
1772
 
1361
- <li class="nav-tree__item ">
1773
+ <li class="nav-tree__item ">
1362
1774
 
1363
1775
  <a class="nav-tree__link " href="/frontend/sass/components/index/">
1364
1776
 
@@ -1373,7 +1785,7 @@
1373
1785
  </li>
1374
1786
 
1375
1787
 
1376
- <li class="nav-tree__item ">
1788
+ <li class="nav-tree__item ">
1377
1789
 
1378
1790
  <a class="nav-tree__link " href="/frontend/sass/components/links/">
1379
1791
 
@@ -1388,7 +1800,7 @@
1388
1800
  </li>
1389
1801
 
1390
1802
 
1391
- <li class="nav-tree__item ">
1803
+ <li class="nav-tree__item ">
1392
1804
 
1393
1805
  <a class="nav-tree__link " href="/frontend/sass/components/list-inline/">
1394
1806
 
@@ -1403,7 +1815,7 @@
1403
1815
  </li>
1404
1816
 
1405
1817
 
1406
- <li class="nav-tree__item ">
1818
+ <li class="nav-tree__item ">
1407
1819
 
1408
1820
  <a class="nav-tree__link " href="/frontend/sass/components/list-lines/">
1409
1821
 
@@ -1418,7 +1830,7 @@
1418
1830
  </li>
1419
1831
 
1420
1832
 
1421
- <li class="nav-tree__item ">
1833
+ <li class="nav-tree__item ">
1422
1834
 
1423
1835
  <a class="nav-tree__link " href="/frontend/sass/components/list-ordered/">
1424
1836
 
@@ -1433,7 +1845,7 @@
1433
1845
  </li>
1434
1846
 
1435
1847
 
1436
- <li class="nav-tree__item ">
1848
+ <li class="nav-tree__item ">
1437
1849
 
1438
1850
  <a class="nav-tree__link " href="/frontend/sass/components/list-unordered/">
1439
1851
 
@@ -1448,7 +1860,7 @@
1448
1860
  </li>
1449
1861
 
1450
1862
 
1451
- <li class="nav-tree__item ">
1863
+ <li class="nav-tree__item ">
1452
1864
 
1453
1865
  <a class="nav-tree__link " href="/frontend/sass/components/menu-stack/">
1454
1866
 
@@ -1463,7 +1875,7 @@
1463
1875
  </li>
1464
1876
 
1465
1877
 
1466
- <li class="nav-tree__item ">
1878
+ <li class="nav-tree__item ">
1467
1879
 
1468
1880
  <a class="nav-tree__link " href="/frontend/sass/components/modal/">
1469
1881
 
@@ -1478,7 +1890,7 @@
1478
1890
  </li>
1479
1891
 
1480
1892
 
1481
- <li class="nav-tree__item ">
1893
+ <li class="nav-tree__item ">
1482
1894
 
1483
1895
  <a class="nav-tree__link " href="/frontend/sass/components/nav-strip/">
1484
1896
 
@@ -1493,7 +1905,7 @@
1493
1905
  </li>
1494
1906
 
1495
1907
 
1496
- <li class="nav-tree__item ">
1908
+ <li class="nav-tree__item ">
1497
1909
 
1498
1910
  <a class="nav-tree__link " href="/frontend/sass/components/overlay-section/">
1499
1911
 
@@ -1508,7 +1920,7 @@
1508
1920
  </li>
1509
1921
 
1510
1922
 
1511
- <li class="nav-tree__item ">
1923
+ <li class="nav-tree__item ">
1512
1924
 
1513
1925
  <a class="nav-tree__link " href="/frontend/sass/components/pager/">
1514
1926
 
@@ -1523,7 +1935,22 @@
1523
1935
  </li>
1524
1936
 
1525
1937
 
1526
- <li class="nav-tree__item ">
1938
+ <li class="nav-tree__item ">
1939
+
1940
+ <a class="nav-tree__link " href="/frontend/sass/components/panel/">
1941
+
1942
+
1943
+ <span class="nav-tree__text">
1944
+ Panel
1945
+ </span>
1946
+
1947
+ </a>
1948
+
1949
+
1950
+ </li>
1951
+
1952
+
1953
+ <li class="nav-tree__item ">
1527
1954
 
1528
1955
  <a class="nav-tree__link " href="/frontend/sass/components/placeholder-block/">
1529
1956
 
@@ -1538,7 +1965,7 @@
1538
1965
  </li>
1539
1966
 
1540
1967
 
1541
- <li class="nav-tree__item ">
1968
+ <li class="nav-tree__item ">
1542
1969
 
1543
1970
  <a class="nav-tree__link " href="/frontend/sass/components/popover/">
1544
1971
 
@@ -1553,7 +1980,37 @@
1553
1980
  </li>
1554
1981
 
1555
1982
 
1556
- <li class="nav-tree__item ">
1983
+ <li class="nav-tree__item ">
1984
+
1985
+ <a class="nav-tree__link " href="/frontend/sass/components/progress-bar/">
1986
+
1987
+
1988
+ <span class="nav-tree__text">
1989
+ Progress-bar
1990
+ </span>
1991
+
1992
+ </a>
1993
+
1994
+
1995
+ </li>
1996
+
1997
+
1998
+ <li class="nav-tree__item ">
1999
+
2000
+ <a class="nav-tree__link " href="/frontend/sass/components/progress-circle/">
2001
+
2002
+
2003
+ <span class="nav-tree__text">
2004
+ Progress-circle
2005
+ </span>
2006
+
2007
+ </a>
2008
+
2009
+
2010
+ </li>
2011
+
2012
+
2013
+ <li class="nav-tree__item ">
1557
2014
 
1558
2015
  <a class="nav-tree__link " href="/frontend/sass/components/pull-quote/">
1559
2016
 
@@ -1568,7 +2025,22 @@
1568
2025
  </li>
1569
2026
 
1570
2027
 
1571
- <li class="nav-tree__item ">
2028
+ <li class="nav-tree__item ">
2029
+
2030
+ <a class="nav-tree__link " href="/frontend/sass/components/rail/">
2031
+
2032
+
2033
+ <span class="nav-tree__text">
2034
+ Rail
2035
+ </span>
2036
+
2037
+ </a>
2038
+
2039
+
2040
+ </li>
2041
+
2042
+
2043
+ <li class="nav-tree__item ">
1572
2044
 
1573
2045
  <a class="nav-tree__link " href="/frontend/sass/components/ratio-box/">
1574
2046
 
@@ -1583,7 +2055,7 @@
1583
2055
  </li>
1584
2056
 
1585
2057
 
1586
- <li class="nav-tree__item ">
2058
+ <li class="nav-tree__item ">
1587
2059
 
1588
2060
  <a class="nav-tree__link " href="/frontend/sass/components/rule/">
1589
2061
 
@@ -1598,7 +2070,7 @@
1598
2070
  </li>
1599
2071
 
1600
2072
 
1601
- <li class="nav-tree__item ">
2073
+ <li class="nav-tree__item ">
1602
2074
 
1603
2075
  <a class="nav-tree__link " href="/frontend/sass/components/scroll-slider/">
1604
2076
 
@@ -1613,7 +2085,22 @@
1613
2085
  </li>
1614
2086
 
1615
2087
 
1616
- <li class="nav-tree__item ">
2088
+ <li class="nav-tree__item ">
2089
+
2090
+ <a class="nav-tree__link " href="/frontend/sass/components/skeleton/">
2091
+
2092
+
2093
+ <span class="nav-tree__text">
2094
+ Skeleton
2095
+ </span>
2096
+
2097
+ </a>
2098
+
2099
+
2100
+ </li>
2101
+
2102
+
2103
+ <li class="nav-tree__item ">
1617
2104
 
1618
2105
  <a class="nav-tree__link " href="/frontend/sass/components/skip-link/">
1619
2106
 
@@ -1628,7 +2115,7 @@
1628
2115
  </li>
1629
2116
 
1630
2117
 
1631
- <li class="nav-tree__item ">
2118
+ <li class="nav-tree__item ">
1632
2119
 
1633
2120
  <a class="nav-tree__link " href="/frontend/sass/components/slider/">
1634
2121
 
@@ -1643,7 +2130,7 @@
1643
2130
  </li>
1644
2131
 
1645
2132
 
1646
- <li class="nav-tree__item ">
2133
+ <li class="nav-tree__item ">
1647
2134
 
1648
2135
  <a class="nav-tree__link " href="/frontend/sass/components/spoke-spinner/">
1649
2136
 
@@ -1658,7 +2145,22 @@
1658
2145
  </li>
1659
2146
 
1660
2147
 
1661
- <li class="nav-tree__item ">
2148
+ <li class="nav-tree__item ">
2149
+
2150
+ <a class="nav-tree__link " href="/frontend/sass/components/sticky-list/">
2151
+
2152
+
2153
+ <span class="nav-tree__text">
2154
+ Sticky-list
2155
+ </span>
2156
+
2157
+ </a>
2158
+
2159
+
2160
+ </li>
2161
+
2162
+
2163
+ <li class="nav-tree__item ">
1662
2164
 
1663
2165
  <a class="nav-tree__link " href="/frontend/sass/components/tabs/">
1664
2166
 
@@ -1673,7 +2175,7 @@
1673
2175
  </li>
1674
2176
 
1675
2177
 
1676
- <li class="nav-tree__item ">
2178
+ <li class="nav-tree__item ">
1677
2179
 
1678
2180
  <a class="nav-tree__link " href="/frontend/sass/components/tag/">
1679
2181
 
@@ -1688,7 +2190,7 @@
1688
2190
  </li>
1689
2191
 
1690
2192
 
1691
- <li class="nav-tree__item ">
2193
+ <li class="nav-tree__item ">
1692
2194
 
1693
2195
  <a class="nav-tree__link " href="/frontend/sass/components/tile-button/">
1694
2196
 
@@ -1703,7 +2205,7 @@
1703
2205
  </li>
1704
2206
 
1705
2207
 
1706
- <li class="nav-tree__item ">
2208
+ <li class="nav-tree__item ">
1707
2209
 
1708
2210
  <a class="nav-tree__link " href="/frontend/sass/components/tile-grid/">
1709
2211
 
@@ -1718,7 +2220,7 @@
1718
2220
  </li>
1719
2221
 
1720
2222
 
1721
- <li class="nav-tree__item ">
2223
+ <li class="nav-tree__item ">
1722
2224
 
1723
2225
  <a class="nav-tree__link " href="/frontend/sass/components/tile-grid-overlay/">
1724
2226
 
@@ -1733,7 +2235,7 @@
1733
2235
  </li>
1734
2236
 
1735
2237
 
1736
- <li class="nav-tree__item ">
2238
+ <li class="nav-tree__item ">
1737
2239
 
1738
2240
  <a class="nav-tree__link " href="/frontend/sass/components/vignette/">
1739
2241
 
@@ -1748,7 +2250,7 @@
1748
2250
  </li>
1749
2251
 
1750
2252
 
1751
- <li class="nav-tree__item ">
2253
+ <li class="nav-tree__item ">
1752
2254
 
1753
2255
  <a class="nav-tree__link " href="/frontend/sass/components/wysiwyg/">
1754
2256
 
@@ -1768,7 +2270,7 @@
1768
2270
  </li>
1769
2271
 
1770
2272
 
1771
- <li class="nav-tree__item ">
2273
+ <li class="nav-tree__item ">
1772
2274
  <details class="nav-tree__collapsible">
1773
2275
  <summary class="nav-tree__toggle">
1774
2276
 
@@ -1786,7 +2288,7 @@
1786
2288
 
1787
2289
  <ul class="nav-tree" data-menu-depth="3">
1788
2290
 
1789
- <li class="nav-tree__item ">
2291
+ <li class="nav-tree__item ">
1790
2292
 
1791
2293
  <a class="nav-tree__link nav-tree__link--index " href="/frontend/sass/helpers/">
1792
2294
 
@@ -1801,7 +2303,7 @@
1801
2303
  </li>
1802
2304
 
1803
2305
 
1804
- <li class="nav-tree__item ">
2306
+ <li class="nav-tree__item ">
1805
2307
 
1806
2308
  <a class="nav-tree__link " href="/frontend/sass/helpers/color/">
1807
2309
 
@@ -1816,7 +2318,7 @@
1816
2318
  </li>
1817
2319
 
1818
2320
 
1819
- <li class="nav-tree__item ">
2321
+ <li class="nav-tree__item ">
1820
2322
 
1821
2323
  <a class="nav-tree__link " href="/frontend/sass/helpers/display/">
1822
2324
 
@@ -1831,7 +2333,7 @@
1831
2333
  </li>
1832
2334
 
1833
2335
 
1834
- <li class="nav-tree__item ">
2336
+ <li class="nav-tree__item ">
1835
2337
 
1836
2338
  <a class="nav-tree__link " href="/frontend/sass/helpers/index/">
1837
2339
 
@@ -1846,22 +2348,7 @@
1846
2348
  </li>
1847
2349
 
1848
2350
 
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 ">
2351
+ <li class="nav-tree__item ">
1865
2352
 
1866
2353
  <a class="nav-tree__link " href="/frontend/sass/helpers/typography/">
1867
2354
 
@@ -1876,7 +2363,7 @@
1876
2363
  </li>
1877
2364
 
1878
2365
 
1879
- <li class="nav-tree__item ">
2366
+ <li class="nav-tree__item ">
1880
2367
 
1881
2368
  <a class="nav-tree__link " href="/frontend/sass/helpers/units/">
1882
2369
 
@@ -1891,7 +2378,7 @@
1891
2378
  </li>
1892
2379
 
1893
2380
 
1894
- <li class="nav-tree__item ">
2381
+ <li class="nav-tree__item ">
1895
2382
 
1896
2383
  <a class="nav-tree__link " href="/frontend/sass/helpers/utilities/">
1897
2384
 
@@ -1916,7 +2403,7 @@
1916
2403
  </li>
1917
2404
 
1918
2405
 
1919
- <li class="nav-tree__item ">
2406
+ <li class="nav-tree__item ">
1920
2407
  <details class="nav-tree__collapsible">
1921
2408
  <summary class="nav-tree__toggle">
1922
2409
 
@@ -1936,7 +2423,7 @@
1936
2423
 
1937
2424
  <ul class="nav-tree" data-menu-depth="2">
1938
2425
 
1939
- <li class="nav-tree__item ">
2426
+ <li class="nav-tree__item ">
1940
2427
 
1941
2428
  <a class="nav-tree__link nav-tree__link--index " href="/frontend/javascript/">
1942
2429
 
@@ -1951,7 +2438,7 @@
1951
2438
  </li>
1952
2439
 
1953
2440
 
1954
- <li class="nav-tree__item ">
2441
+ <li class="nav-tree__item ">
1955
2442
 
1956
2443
  <a class="nav-tree__link " href="/frontend/javascript/events/">
1957
2444
 
@@ -1966,7 +2453,22 @@
1966
2453
  </li>
1967
2454
 
1968
2455
 
1969
- <li class="nav-tree__item ">
2456
+ <li class="nav-tree__item ">
2457
+
2458
+ <a class="nav-tree__link " href="/frontend/javascript/settings/">
2459
+
2460
+
2461
+ <span class="nav-tree__text">
2462
+ settings
2463
+ </span>
2464
+
2465
+ </a>
2466
+
2467
+
2468
+ </li>
2469
+
2470
+
2471
+ <li class="nav-tree__item ">
1970
2472
 
1971
2473
  <a class="nav-tree__link " href="/frontend/javascript/ui-breakpoints/">
1972
2474
 
@@ -1981,7 +2483,7 @@
1981
2483
  </li>
1982
2484
 
1983
2485
 
1984
- <li class="nav-tree__item ">
2486
+ <li class="nav-tree__item ">
1985
2487
 
1986
2488
  <a class="nav-tree__link " href="/frontend/javascript/ui-collapsible/">
1987
2489
 
@@ -1996,7 +2498,22 @@
1996
2498
  </li>
1997
2499
 
1998
2500
 
1999
- <li class="nav-tree__item ">
2501
+ <li class="nav-tree__item ">
2502
+
2503
+ <a class="nav-tree__link " href="/frontend/javascript/ui-details-group/">
2504
+
2505
+
2506
+ <span class="nav-tree__text">
2507
+ ui/details-group
2508
+ </span>
2509
+
2510
+ </a>
2511
+
2512
+
2513
+ </li>
2514
+
2515
+
2516
+ <li class="nav-tree__item ">
2000
2517
 
2001
2518
  <a class="nav-tree__link " href="/frontend/javascript/ui-dialog/">
2002
2519
 
@@ -2011,7 +2528,7 @@
2011
2528
  </li>
2012
2529
 
2013
2530
 
2014
- <li class="nav-tree__item ">
2531
+ <li class="nav-tree__item ">
2015
2532
 
2016
2533
  <a class="nav-tree__link " href="/frontend/javascript/ui-flipcard/">
2017
2534
 
@@ -2026,7 +2543,7 @@
2026
2543
  </li>
2027
2544
 
2028
2545
 
2029
- <li class="nav-tree__item ">
2546
+ <li class="nav-tree__item ">
2030
2547
 
2031
2548
  <a class="nav-tree__link " href="/frontend/javascript/ui-grid/">
2032
2549
 
@@ -2041,7 +2558,7 @@
2041
2558
  </li>
2042
2559
 
2043
2560
 
2044
- <li class="nav-tree__item ">
2561
+ <li class="nav-tree__item ">
2045
2562
 
2046
2563
  <a class="nav-tree__link " href="/frontend/javascript/ui-modal-builder/">
2047
2564
 
@@ -2056,7 +2573,7 @@
2056
2573
  </li>
2057
2574
 
2058
2575
 
2059
- <li class="nav-tree__item ">
2576
+ <li class="nav-tree__item ">
2060
2577
 
2061
2578
  <a class="nav-tree__link " href="/frontend/javascript/ui-overflow-scroller/">
2062
2579
 
@@ -2071,7 +2588,7 @@
2071
2588
  </li>
2072
2589
 
2073
2590
 
2074
- <li class="nav-tree__item ">
2591
+ <li class="nav-tree__item ">
2075
2592
 
2076
2593
  <a class="nav-tree__link " href="/frontend/javascript/ui-overflow-scroller-pager/">
2077
2594
 
@@ -2086,7 +2603,7 @@
2086
2603
  </li>
2087
2604
 
2088
2605
 
2089
- <li class="nav-tree__item ">
2606
+ <li class="nav-tree__item ">
2090
2607
 
2091
2608
  <a class="nav-tree__link " href="/frontend/javascript/ui-page/">
2092
2609
 
@@ -2101,7 +2618,7 @@
2101
2618
  </li>
2102
2619
 
2103
2620
 
2104
- <li class="nav-tree__item ">
2621
+ <li class="nav-tree__item ">
2105
2622
 
2106
2623
  <a class="nav-tree__link " href="/frontend/javascript/ui-popover/">
2107
2624
 
@@ -2116,7 +2633,7 @@
2116
2633
  </li>
2117
2634
 
2118
2635
 
2119
- <li class="nav-tree__item ">
2636
+ <li class="nav-tree__item ">
2120
2637
 
2121
2638
  <a class="nav-tree__link " href="/frontend/javascript/ui-print/">
2122
2639
 
@@ -2131,7 +2648,7 @@
2131
2648
  </li>
2132
2649
 
2133
2650
 
2134
- <li class="nav-tree__item ">
2651
+ <li class="nav-tree__item ">
2135
2652
 
2136
2653
  <a class="nav-tree__link " href="/frontend/javascript/ui-print-details/">
2137
2654
 
@@ -2146,7 +2663,7 @@
2146
2663
  </li>
2147
2664
 
2148
2665
 
2149
- <li class="nav-tree__item ">
2666
+ <li class="nav-tree__item ">
2150
2667
 
2151
2668
  <a class="nav-tree__link " href="/frontend/javascript/ui-programmatic-modal/">
2152
2669
 
@@ -2161,7 +2678,7 @@
2161
2678
  </li>
2162
2679
 
2163
2680
 
2164
- <li class="nav-tree__item ">
2681
+ <li class="nav-tree__item ">
2165
2682
 
2166
2683
  <a class="nav-tree__link " href="/frontend/javascript/ui-proxy-click/">
2167
2684
 
@@ -2176,7 +2693,7 @@
2176
2693
  </li>
2177
2694
 
2178
2695
 
2179
- <li class="nav-tree__item ">
2696
+ <li class="nav-tree__item ">
2180
2697
 
2181
2698
  <a class="nav-tree__link " href="/frontend/javascript/ui-resizer/">
2182
2699
 
@@ -2191,7 +2708,7 @@
2191
2708
  </li>
2192
2709
 
2193
2710
 
2194
- <li class="nav-tree__item ">
2711
+ <li class="nav-tree__item ">
2195
2712
 
2196
2713
  <a class="nav-tree__link " href="/frontend/javascript/ui-scroll-slider/">
2197
2714
 
@@ -2206,7 +2723,7 @@
2206
2723
  </li>
2207
2724
 
2208
2725
 
2209
- <li class="nav-tree__item ">
2726
+ <li class="nav-tree__item ">
2210
2727
 
2211
2728
  <a class="nav-tree__link " href="/frontend/javascript/ui-scrollpoint/">
2212
2729
 
@@ -2221,7 +2738,7 @@
2221
2738
  </li>
2222
2739
 
2223
2740
 
2224
- <li class="nav-tree__item ">
2741
+ <li class="nav-tree__item ">
2225
2742
 
2226
2743
  <a class="nav-tree__link " href="/frontend/javascript/ui-slider/">
2227
2744
 
@@ -2236,7 +2753,7 @@
2236
2753
  </li>
2237
2754
 
2238
2755
 
2239
- <li class="nav-tree__item ">
2756
+ <li class="nav-tree__item ">
2240
2757
 
2241
2758
  <a class="nav-tree__link " href="/frontend/javascript/ui-tabs/">
2242
2759
 
@@ -2251,7 +2768,22 @@
2251
2768
  </li>
2252
2769
 
2253
2770
 
2254
- <li class="nav-tree__item ">
2771
+ <li class="nav-tree__item ">
2772
+
2773
+ <a class="nav-tree__link " href="/frontend/javascript/ui-theme-toggle/">
2774
+
2775
+
2776
+ <span class="nav-tree__text">
2777
+ ui/theme-toggle
2778
+ </span>
2779
+
2780
+ </a>
2781
+
2782
+
2783
+ </li>
2784
+
2785
+
2786
+ <li class="nav-tree__item ">
2255
2787
 
2256
2788
  <a class="nav-tree__link " href="/frontend/javascript/ui-tooltip/">
2257
2789
 
@@ -2266,7 +2798,7 @@
2266
2798
  </li>
2267
2799
 
2268
2800
 
2269
- <li class="nav-tree__item ">
2801
+ <li class="nav-tree__item ">
2270
2802
 
2271
2803
  <a class="nav-tree__link " href="/frontend/javascript/utils-class-logger/">
2272
2804
 
@@ -2281,7 +2813,22 @@
2281
2813
  </li>
2282
2814
 
2283
2815
 
2284
- <li class="nav-tree__item ">
2816
+ <li class="nav-tree__item ">
2817
+
2818
+ <a class="nav-tree__link " href="/frontend/javascript/utils-css/">
2819
+
2820
+
2821
+ <span class="nav-tree__text">
2822
+ utils/css
2823
+ </span>
2824
+
2825
+ </a>
2826
+
2827
+
2828
+ </li>
2829
+
2830
+
2831
+ <li class="nav-tree__item ">
2285
2832
 
2286
2833
  <a class="nav-tree__link " href="/frontend/javascript/utils-dom/">
2287
2834
 
@@ -2296,7 +2843,7 @@
2296
2843
  </li>
2297
2844
 
2298
2845
 
2299
- <li class="nav-tree__item ">
2846
+ <li class="nav-tree__item ">
2300
2847
 
2301
2848
  <a class="nav-tree__link " href="/frontend/javascript/utils-file-save/">
2302
2849
 
@@ -2311,7 +2858,7 @@
2311
2858
  </li>
2312
2859
 
2313
2860
 
2314
- <li class="nav-tree__item ">
2861
+ <li class="nav-tree__item ">
2315
2862
 
2316
2863
  <a class="nav-tree__link " href="/frontend/javascript/utils-floating-ui/">
2317
2864
 
@@ -2326,7 +2873,7 @@
2326
2873
  </li>
2327
2874
 
2328
2875
 
2329
- <li class="nav-tree__item ">
2876
+ <li class="nav-tree__item ">
2330
2877
 
2331
2878
  <a class="nav-tree__link " href="/frontend/javascript/utils-id/">
2332
2879
 
@@ -2341,7 +2888,7 @@
2341
2888
  </li>
2342
2889
 
2343
2890
 
2344
- <li class="nav-tree__item ">
2891
+ <li class="nav-tree__item ">
2345
2892
 
2346
2893
  <a class="nav-tree__link " href="/frontend/javascript/utils-pause-youtube-video/">
2347
2894
 
@@ -2355,11 +2902,43 @@
2355
2902
 
2356
2903
  </li>
2357
2904
 
2905
+
2906
+ <li class="nav-tree__item ">
2907
+
2908
+ <a class="nav-tree__link " href="/frontend/javascript/utils-system/">
2909
+
2910
+
2911
+ <span class="nav-tree__text">
2912
+ utils/system
2913
+ </span>
2914
+
2915
+ </a>
2916
+
2917
+
2918
+ </li>
2919
+
2358
2920
  </ul>
2359
2921
 
2360
2922
  </details>
2361
2923
  </li>
2362
2924
 
2925
+
2926
+ <li class="nav-tree__item nav-tree__item--separator-before">
2927
+
2928
+ <a class="nav-tree__link " href="/frontend/changelog/">
2929
+
2930
+
2931
+ <span class="nav-tree__icon fas fa-clock-rotate-left" aria-hidden="true"></span>
2932
+
2933
+ <span class="nav-tree__text">
2934
+ Changelog
2935
+ </span>
2936
+
2937
+ </a>
2938
+
2939
+
2940
+ </li>
2941
+
2363
2942
  </ul>
2364
2943
 
2365
2944
  </div>
@@ -2371,7 +2950,7 @@
2371
2950
  <ul class="nav-tree" data-menu-depth="1">
2372
2951
 
2373
2952
 
2374
- <li class="nav-tree__item ">
2953
+ <li class="nav-tree__item ">
2375
2954
  <details class="nav-tree__collapsible">
2376
2955
  <summary class="nav-tree__toggle">
2377
2956
 
@@ -2392,7 +2971,7 @@
2392
2971
  <ul class="nav-tree" data-menu-depth="2">
2393
2972
 
2394
2973
 
2395
- <li class="nav-tree__item ">
2974
+ <li class="nav-tree__item ">
2396
2975
 
2397
2976
  <a class="nav-tree__link " href="/frontend/guide/building-stylesheet/">
2398
2977
 
@@ -2407,7 +2986,7 @@
2407
2986
  </li>
2408
2987
 
2409
2988
 
2410
- <li class="nav-tree__item ">
2989
+ <li class="nav-tree__item ">
2411
2990
 
2412
2991
  <a class="nav-tree__link " href="/frontend/guide/developing-ulu-scss-module/">
2413
2992
 
@@ -2427,7 +3006,7 @@
2427
3006
  </li>
2428
3007
 
2429
3008
 
2430
- <li class="nav-tree__item ">
3009
+ <li class="nav-tree__item ">
2431
3010
  <details class="nav-tree__collapsible">
2432
3011
  <summary class="nav-tree__toggle">
2433
3012
 
@@ -2448,13 +3027,283 @@
2448
3027
  <ul class="nav-tree" data-menu-depth="2">
2449
3028
 
2450
3029
 
2451
- <li class="nav-tree__item ">
3030
+ <li class="nav-tree__item ">
3031
+
3032
+ <a class="nav-tree__link " href="/frontend/demos/accordion/">
3033
+
3034
+
3035
+ <span class="nav-tree__text">
3036
+ Accordion
3037
+ </span>
3038
+
3039
+ </a>
3040
+
3041
+
3042
+ </li>
3043
+
3044
+
3045
+ <li class="nav-tree__item ">
3046
+
3047
+ <a class="nav-tree__link " href="/frontend/demos/badge/">
3048
+
3049
+
3050
+ <span class="nav-tree__text">
3051
+ Badge
3052
+ </span>
3053
+
3054
+ </a>
3055
+
3056
+
3057
+ </li>
3058
+
3059
+
3060
+ <li class="nav-tree__item ">
3061
+
3062
+ <a class="nav-tree__link " href="/frontend/demos/badge-stack/">
3063
+
3064
+
3065
+ <span class="nav-tree__text">
3066
+ Badge Stack
3067
+ </span>
3068
+
3069
+ </a>
3070
+
3071
+
3072
+ </li>
3073
+
3074
+
3075
+ <li class="nav-tree__item ">
3076
+
3077
+ <a class="nav-tree__link " href="/frontend/demos/basic-hero/">
3078
+
3079
+
3080
+ <span class="nav-tree__text">
3081
+ Basic Hero
3082
+ </span>
3083
+
3084
+ </a>
3085
+
3086
+
3087
+ </li>
3088
+
3089
+
3090
+ <li class="nav-tree__item ">
3091
+
3092
+ <a class="nav-tree__link " href="/frontend/demos/breadcrumb/">
3093
+
3094
+
3095
+ <span class="nav-tree__text">
3096
+ Breadcrumb
3097
+ </span>
3098
+
3099
+ </a>
3100
+
3101
+
3102
+ </li>
3103
+
3104
+
3105
+ <li class="nav-tree__item ">
3106
+
3107
+ <a class="nav-tree__link " href="/frontend/demos/breakpoints-manager/">
3108
+
3109
+
3110
+ <span class="nav-tree__text">
3111
+ Breakpoint Manager
3112
+ </span>
3113
+
3114
+ </a>
3115
+
3116
+
3117
+ </li>
3118
+
3119
+
3120
+ <li class="nav-tree__item ">
3121
+
3122
+ <a class="nav-tree__link " href="/frontend/demos/button/">
3123
+
3124
+
3125
+ <span class="nav-tree__text">
3126
+ Button
3127
+ </span>
3128
+
3129
+ </a>
3130
+
3131
+
3132
+ </li>
3133
+
3134
+
3135
+ <li class="nav-tree__item ">
3136
+
3137
+ <a class="nav-tree__link " href="/frontend/demos/button-group/">
3138
+
3139
+
3140
+ <span class="nav-tree__text">
3141
+ Button Group
3142
+ </span>
3143
+
3144
+ </a>
3145
+
3146
+
3147
+ </li>
3148
+
3149
+
3150
+ <li class="nav-tree__item ">
3151
+
3152
+ <a class="nav-tree__link " href="/frontend/demos/button-verbose/">
3153
+
3154
+
3155
+ <span class="nav-tree__text">
3156
+ Button Verbose
3157
+ </span>
3158
+
3159
+ </a>
3160
+
3161
+
3162
+ </li>
3163
+
3164
+
3165
+ <li class="nav-tree__item ">
3166
+
3167
+ <a class="nav-tree__link " href="/frontend/demos/callout/">
3168
+
3169
+
3170
+ <span class="nav-tree__text">
3171
+ Callout
3172
+ </span>
3173
+
3174
+ </a>
3175
+
3176
+
3177
+ </li>
3178
+
3179
+
3180
+ <li class="nav-tree__item ">
3181
+
3182
+ <a class="nav-tree__link " href="/frontend/demos/captioned-figure/">
3183
+
3184
+
3185
+ <span class="nav-tree__text">
3186
+ Captioned Figure
3187
+ </span>
3188
+
3189
+ </a>
3190
+
3191
+
3192
+ </li>
3193
+
3194
+
3195
+ <li class="nav-tree__item ">
3196
+
3197
+ <a class="nav-tree__link " href="/frontend/demos/card/">
3198
+
3199
+
3200
+ <span class="nav-tree__text">
3201
+ Card
3202
+ </span>
3203
+
3204
+ </a>
3205
+
3206
+
3207
+ </li>
3208
+
3209
+
3210
+ <li class="nav-tree__item ">
3211
+
3212
+ <a class="nav-tree__link " href="/frontend/demos/card-grid/">
3213
+
3214
+
3215
+ <span class="nav-tree__text">
3216
+ Card Grid
3217
+ </span>
3218
+
3219
+ </a>
3220
+
3221
+
3222
+ </li>
3223
+
3224
+
3225
+ <li class="nav-tree__item ">
3226
+
3227
+ <a class="nav-tree__link " href="/frontend/demos/counter-list/">
3228
+
3229
+
3230
+ <span class="nav-tree__text">
3231
+ Counter List
3232
+ </span>
3233
+
3234
+ </a>
3235
+
3236
+
3237
+ </li>
3238
+
3239
+
3240
+ <li class="nav-tree__item ">
3241
+
3242
+ <a class="nav-tree__link " href="/frontend/demos/css-icons/">
3243
+
3244
+
3245
+ <span class="nav-tree__text">
3246
+ CSS Icons
3247
+ </span>
3248
+
3249
+ </a>
3250
+
3251
+
3252
+ </li>
3253
+
3254
+
3255
+ <li class="nav-tree__item ">
3256
+
3257
+ <a class="nav-tree__link " href="/frontend/demos/data-grid/">
3258
+
3259
+
3260
+ <span class="nav-tree__text">
3261
+ Data grid
3262
+ </span>
3263
+
3264
+ </a>
3265
+
3266
+
3267
+ </li>
3268
+
3269
+
3270
+ <li class="nav-tree__item ">
3271
+
3272
+ <a class="nav-tree__link " href="/frontend/demos/data-table/">
3273
+
3274
+
3275
+ <span class="nav-tree__text">
3276
+ Data Table
3277
+ </span>
3278
+
3279
+ </a>
3280
+
3281
+
3282
+ </li>
3283
+
3284
+
3285
+ <li class="nav-tree__item ">
3286
+
3287
+ <a class="nav-tree__link " href="/frontend/demos/definition-list/">
3288
+
3289
+
3290
+ <span class="nav-tree__text">
3291
+ Definition List
3292
+ </span>
3293
+
3294
+ </a>
3295
+
3296
+
3297
+ </li>
3298
+
3299
+
3300
+ <li class="nav-tree__item ">
2452
3301
 
2453
- <a class="nav-tree__link " href="/frontend/demos/accordion/">
3302
+ <a class="nav-tree__link " href="/frontend/demos/details-group/">
2454
3303
 
2455
3304
 
2456
3305
  <span class="nav-tree__text">
2457
- Accordion
3306
+ Details Group
2458
3307
  </span>
2459
3308
 
2460
3309
  </a>
@@ -2463,13 +3312,13 @@
2463
3312
  </li>
2464
3313
 
2465
3314
 
2466
- <li class="nav-tree__item ">
3315
+ <li class="nav-tree__item ">
2467
3316
 
2468
- <a class="nav-tree__link " href="/frontend/demos/button/">
3317
+ <a class="nav-tree__link " href="/frontend/demos/file-save/">
2469
3318
 
2470
3319
 
2471
3320
  <span class="nav-tree__text">
2472
- Button
3321
+ File Save
2473
3322
  </span>
2474
3323
 
2475
3324
  </a>
@@ -2478,13 +3327,13 @@
2478
3327
  </li>
2479
3328
 
2480
3329
 
2481
- <li class="nav-tree__item ">
3330
+ <li class="nav-tree__item ">
2482
3331
 
2483
- <a class="nav-tree__link " href="/frontend/demos/callout/">
3332
+ <a class="nav-tree__link " href="/frontend/demos/flipcard/">
2484
3333
 
2485
3334
 
2486
3335
  <span class="nav-tree__text">
2487
- Callout
3336
+ Flip Card
2488
3337
  </span>
2489
3338
 
2490
3339
  </a>
@@ -2493,13 +3342,13 @@
2493
3342
  </li>
2494
3343
 
2495
3344
 
2496
- <li class="nav-tree__item ">
3345
+ <li class="nav-tree__item ">
2497
3346
 
2498
- <a class="nav-tree__link " href="/frontend/demos/captioned-figure/">
3347
+ <a class="nav-tree__link " href="/frontend/demos/form-theme/">
2499
3348
 
2500
3349
 
2501
3350
  <span class="nav-tree__text">
2502
- Captioned Figure
3351
+ Form Theme
2503
3352
  </span>
2504
3353
 
2505
3354
  </a>
@@ -2508,13 +3357,13 @@
2508
3357
  </li>
2509
3358
 
2510
3359
 
2511
- <li class="nav-tree__item ">
3360
+ <li class="nav-tree__item ">
2512
3361
 
2513
- <a class="nav-tree__link " href="/frontend/demos/card/">
3362
+ <a class="nav-tree__link " href="/frontend/demos/headline-label/">
2514
3363
 
2515
3364
 
2516
3365
  <span class="nav-tree__text">
2517
- Card
3366
+ Headline Label
2518
3367
  </span>
2519
3368
 
2520
3369
  </a>
@@ -2523,13 +3372,13 @@
2523
3372
  </li>
2524
3373
 
2525
3374
 
2526
- <li class="nav-tree__item ">
3375
+ <li class="nav-tree__item ">
2527
3376
 
2528
- <a class="nav-tree__link " href="/frontend/demos/css-icons/">
3377
+ <a class="nav-tree__link " href="/frontend/demos/hero/">
2529
3378
 
2530
3379
 
2531
3380
  <span class="nav-tree__text">
2532
- CSS Icons
3381
+ Hero
2533
3382
  </span>
2534
3383
 
2535
3384
  </a>
@@ -2538,13 +3387,13 @@
2538
3387
  </li>
2539
3388
 
2540
3389
 
2541
- <li class="nav-tree__item ">
3390
+ <li class="nav-tree__item ">
2542
3391
 
2543
- <a class="nav-tree__link " href="/frontend/demos/data-grid/">
3392
+ <a class="nav-tree__link " href="/frontend/demos/image-grid/">
2544
3393
 
2545
3394
 
2546
3395
  <span class="nav-tree__text">
2547
- Data grid
3396
+ Image Grid
2548
3397
  </span>
2549
3398
 
2550
3399
  </a>
@@ -2553,13 +3402,13 @@
2553
3402
  </li>
2554
3403
 
2555
3404
 
2556
- <li class="nav-tree__item ">
3405
+ <li class="nav-tree__item ">
2557
3406
 
2558
- <a class="nav-tree__link " href="/frontend/demos/data-table/">
3407
+ <a class="nav-tree__link " href="/frontend/demos/list-inline/">
2559
3408
 
2560
3409
 
2561
3410
  <span class="nav-tree__text">
2562
- Data Table
3411
+ List Inline
2563
3412
  </span>
2564
3413
 
2565
3414
  </a>
@@ -2568,13 +3417,13 @@
2568
3417
  </li>
2569
3418
 
2570
3419
 
2571
- <li class="nav-tree__item ">
3420
+ <li class="nav-tree__item ">
2572
3421
 
2573
- <a class="nav-tree__link " href="/frontend/demos/file-save/">
3422
+ <a class="nav-tree__link " href="/frontend/demos/list-lines/">
2574
3423
 
2575
3424
 
2576
3425
  <span class="nav-tree__text">
2577
- File Save
3426
+ List Lines
2578
3427
  </span>
2579
3428
 
2580
3429
  </a>
@@ -2583,13 +3432,13 @@
2583
3432
  </li>
2584
3433
 
2585
3434
 
2586
- <li class="nav-tree__item ">
3435
+ <li class="nav-tree__item ">
2587
3436
 
2588
- <a class="nav-tree__link " href="/frontend/demos/flipcard/">
3437
+ <a class="nav-tree__link " href="/frontend/demos/menu-stack/">
2589
3438
 
2590
3439
 
2591
3440
  <span class="nav-tree__text">
2592
- Flip Card
3441
+ Menu Stack
2593
3442
  </span>
2594
3443
 
2595
3444
  </a>
@@ -2598,13 +3447,13 @@
2598
3447
  </li>
2599
3448
 
2600
3449
 
2601
- <li class="nav-tree__item ">
3450
+ <li class="nav-tree__item ">
2602
3451
 
2603
- <a class="nav-tree__link " href="/frontend/demos/form-theme/">
3452
+ <a class="nav-tree__link " href="/frontend/demos/modals/">
2604
3453
 
2605
3454
 
2606
3455
  <span class="nav-tree__text">
2607
- Form Theme
3456
+ Modals
2608
3457
  </span>
2609
3458
 
2610
3459
  </a>
@@ -2613,13 +3462,13 @@
2613
3462
  </li>
2614
3463
 
2615
3464
 
2616
- <li class="nav-tree__item ">
3465
+ <li class="nav-tree__item ">
2617
3466
 
2618
- <a class="nav-tree__link " href="/frontend/demos/hero/">
3467
+ <a class="nav-tree__link " href="/frontend/demos/nav-strip/">
2619
3468
 
2620
3469
 
2621
3470
  <span class="nav-tree__text">
2622
- Hero
3471
+ Nav Strip
2623
3472
  </span>
2624
3473
 
2625
3474
  </a>
@@ -2628,13 +3477,13 @@
2628
3477
  </li>
2629
3478
 
2630
3479
 
2631
- <li class="nav-tree__item ">
3480
+ <li class="nav-tree__item ">
2632
3481
 
2633
- <a class="nav-tree__link " href="/frontend/demos/image-grid/">
3482
+ <a class="nav-tree__link " href="/frontend/demos/overlay-section/">
2634
3483
 
2635
3484
 
2636
3485
  <span class="nav-tree__text">
2637
- Image Grid
3486
+ Overlay Section
2638
3487
  </span>
2639
3488
 
2640
3489
  </a>
@@ -2643,13 +3492,13 @@
2643
3492
  </li>
2644
3493
 
2645
3494
 
2646
- <li class="nav-tree__item ">
3495
+ <li class="nav-tree__item ">
2647
3496
 
2648
- <a class="nav-tree__link " href="/frontend/demos/list-inline/">
3497
+ <a class="nav-tree__link " href="/frontend/demos/panel/">
2649
3498
 
2650
3499
 
2651
3500
  <span class="nav-tree__text">
2652
- List Inline
3501
+ Panel
2653
3502
  </span>
2654
3503
 
2655
3504
  </a>
@@ -2658,13 +3507,13 @@
2658
3507
  </li>
2659
3508
 
2660
3509
 
2661
- <li class="nav-tree__item ">
3510
+ <li class="nav-tree__item ">
2662
3511
 
2663
- <a class="nav-tree__link " href="/frontend/demos/list-lines/">
3512
+ <a class="nav-tree__link " href="/frontend/demos/popovers/">
2664
3513
 
2665
3514
 
2666
3515
  <span class="nav-tree__text">
2667
- List Lines
3516
+ Popovers
2668
3517
  </span>
2669
3518
 
2670
3519
  </a>
@@ -2673,13 +3522,13 @@
2673
3522
  </li>
2674
3523
 
2675
3524
 
2676
- <li class="nav-tree__item ">
3525
+ <li class="nav-tree__item ">
2677
3526
 
2678
- <a class="nav-tree__link " href="/frontend/demos/menu-stack/">
3527
+ <a class="nav-tree__link " href="/frontend/demos/print/">
2679
3528
 
2680
3529
 
2681
3530
  <span class="nav-tree__text">
2682
- Menu Stack
3531
+ Print
2683
3532
  </span>
2684
3533
 
2685
3534
  </a>
@@ -2688,13 +3537,13 @@
2688
3537
  </li>
2689
3538
 
2690
3539
 
2691
- <li class="nav-tree__item ">
3540
+ <li class="nav-tree__item ">
2692
3541
 
2693
- <a class="nav-tree__link " href="/frontend/demos/modals/">
3542
+ <a class="nav-tree__link " href="/frontend/demos/progress-bar/">
2694
3543
 
2695
3544
 
2696
3545
  <span class="nav-tree__text">
2697
- Modals
3546
+ Progress Bar
2698
3547
  </span>
2699
3548
 
2700
3549
  </a>
@@ -2703,13 +3552,13 @@
2703
3552
  </li>
2704
3553
 
2705
3554
 
2706
- <li class="nav-tree__item ">
3555
+ <li class="nav-tree__item ">
2707
3556
 
2708
- <a class="nav-tree__link " href="/frontend/demos/nav-strip/">
3557
+ <a class="nav-tree__link " href="/frontend/demos/progress-circle/">
2709
3558
 
2710
3559
 
2711
3560
  <span class="nav-tree__text">
2712
- Nav Strip
3561
+ Progress Circle
2713
3562
  </span>
2714
3563
 
2715
3564
  </a>
@@ -2718,13 +3567,13 @@
2718
3567
  </li>
2719
3568
 
2720
3569
 
2721
- <li class="nav-tree__item ">
3570
+ <li class="nav-tree__item ">
2722
3571
 
2723
- <a class="nav-tree__link " href="/frontend/demos/overlay-section/">
3572
+ <a class="nav-tree__link " href="/frontend/demos/pull-quote/">
2724
3573
 
2725
3574
 
2726
3575
  <span class="nav-tree__text">
2727
- Overlay Section
3576
+ Pull Quote
2728
3577
  </span>
2729
3578
 
2730
3579
  </a>
@@ -2733,13 +3582,13 @@
2733
3582
  </li>
2734
3583
 
2735
3584
 
2736
- <li class="nav-tree__item ">
3585
+ <li class="nav-tree__item ">
2737
3586
 
2738
- <a class="nav-tree__link " href="/frontend/demos/popovers/">
3587
+ <a class="nav-tree__link " href="/frontend/demos/rail/">
2739
3588
 
2740
3589
 
2741
3590
  <span class="nav-tree__text">
2742
- Popovers
3591
+ Rail
2743
3592
  </span>
2744
3593
 
2745
3594
  </a>
@@ -2748,13 +3597,13 @@
2748
3597
  </li>
2749
3598
 
2750
3599
 
2751
- <li class="nav-tree__item ">
3600
+ <li class="nav-tree__item ">
2752
3601
 
2753
- <a class="nav-tree__link " href="/frontend/demos/print/">
3602
+ <a class="nav-tree__link " href="/frontend/demos/rule/">
2754
3603
 
2755
3604
 
2756
3605
  <span class="nav-tree__text">
2757
- Print
3606
+ Rule
2758
3607
  </span>
2759
3608
 
2760
3609
  </a>
@@ -2763,13 +3612,13 @@
2763
3612
  </li>
2764
3613
 
2765
3614
 
2766
- <li class="nav-tree__item ">
3615
+ <li class="nav-tree__item ">
2767
3616
 
2768
- <a class="nav-tree__link " href="/frontend/demos/pull-quote/">
3617
+ <a class="nav-tree__link " href="/frontend/demos/scroll-slider/">
2769
3618
 
2770
3619
 
2771
3620
  <span class="nav-tree__text">
2772
- Pull Quote
3621
+ Scroll Slider
2773
3622
  </span>
2774
3623
 
2775
3624
  </a>
@@ -2778,13 +3627,13 @@
2778
3627
  </li>
2779
3628
 
2780
3629
 
2781
- <li class="nav-tree__item ">
3630
+ <li class="nav-tree__item ">
2782
3631
 
2783
- <a class="nav-tree__link " href="/frontend/demos/rule/">
3632
+ <a class="nav-tree__link " href="/frontend/demos/scrollpoints/">
2784
3633
 
2785
3634
 
2786
3635
  <span class="nav-tree__text">
2787
- Rule
3636
+ Scrollpoints
2788
3637
  </span>
2789
3638
 
2790
3639
  </a>
@@ -2793,13 +3642,13 @@
2793
3642
  </li>
2794
3643
 
2795
3644
 
2796
- <li class="nav-tree__item ">
3645
+ <li class="nav-tree__item ">
2797
3646
 
2798
- <a class="nav-tree__link " href="/frontend/demos/scroll-slider/">
3647
+ <a class="nav-tree__link " href="/frontend/demos/skeleton/">
2799
3648
 
2800
3649
 
2801
3650
  <span class="nav-tree__text">
2802
- Scroll Slider
3651
+ Skeleton
2803
3652
  </span>
2804
3653
 
2805
3654
  </a>
@@ -2808,13 +3657,13 @@
2808
3657
  </li>
2809
3658
 
2810
3659
 
2811
- <li class="nav-tree__item ">
3660
+ <li class="nav-tree__item ">
2812
3661
 
2813
- <a class="nav-tree__link " href="/frontend/demos/scrollpoints/">
3662
+ <a class="nav-tree__link " href="/frontend/demos/slider/">
2814
3663
 
2815
3664
 
2816
3665
  <span class="nav-tree__text">
2817
- Scrollpoints
3666
+ Slider
2818
3667
  </span>
2819
3668
 
2820
3669
  </a>
@@ -2823,13 +3672,13 @@
2823
3672
  </li>
2824
3673
 
2825
3674
 
2826
- <li class="nav-tree__item ">
3675
+ <li class="nav-tree__item ">
2827
3676
 
2828
- <a class="nav-tree__link " href="/frontend/demos/slider/">
3677
+ <a class="nav-tree__link " href="/frontend/demos/spoke-spinner/">
2829
3678
 
2830
3679
 
2831
3680
  <span class="nav-tree__text">
2832
- Slider
3681
+ Spoke Spinner
2833
3682
  </span>
2834
3683
 
2835
3684
  </a>
@@ -2838,13 +3687,13 @@
2838
3687
  </li>
2839
3688
 
2840
3689
 
2841
- <li class="nav-tree__item ">
3690
+ <li class="nav-tree__item ">
2842
3691
 
2843
- <a class="nav-tree__link " href="/frontend/demos/spoke-spinner/">
3692
+ <a class="nav-tree__link " href="/frontend/demos/sticky-list/">
2844
3693
 
2845
3694
 
2846
3695
  <span class="nav-tree__text">
2847
- Spoke Spinner
3696
+ Sticky List
2848
3697
  </span>
2849
3698
 
2850
3699
  </a>
@@ -2853,7 +3702,7 @@
2853
3702
  </li>
2854
3703
 
2855
3704
 
2856
- <li class="nav-tree__item ">
3705
+ <li class="nav-tree__item ">
2857
3706
 
2858
3707
  <a class="nav-tree__link " href="/frontend/demos/tabs/">
2859
3708
 
@@ -2868,7 +3717,7 @@
2868
3717
  </li>
2869
3718
 
2870
3719
 
2871
- <li class="nav-tree__item ">
3720
+ <li class="nav-tree__item ">
2872
3721
 
2873
3722
  <a class="nav-tree__link " href="/frontend/demos/tag/">
2874
3723
 
@@ -2883,7 +3732,22 @@
2883
3732
  </li>
2884
3733
 
2885
3734
 
2886
- <li class="nav-tree__item ">
3735
+ <li class="nav-tree__item ">
3736
+
3737
+ <a class="nav-tree__link " href="/frontend/demos/theme-toggle/">
3738
+
3739
+
3740
+ <span class="nav-tree__text">
3741
+ Theme Toggle
3742
+ </span>
3743
+
3744
+ </a>
3745
+
3746
+
3747
+ </li>
3748
+
3749
+
3750
+ <li class="nav-tree__item ">
2887
3751
 
2888
3752
  <a class="nav-tree__link " href="/frontend/demos/tile-grid-overlay/">
2889
3753
 
@@ -2898,7 +3762,7 @@
2898
3762
  </li>
2899
3763
 
2900
3764
 
2901
- <li class="nav-tree__item ">
3765
+ <li class="nav-tree__item ">
2902
3766
 
2903
3767
  <a class="nav-tree__link " href="/frontend/demos/tiles/">
2904
3768
 
@@ -2913,7 +3777,7 @@
2913
3777
  </li>
2914
3778
 
2915
3779
 
2916
- <li class="nav-tree__item ">
3780
+ <li class="nav-tree__item ">
2917
3781
 
2918
3782
  <a class="nav-tree__link " href="/frontend/demos/tooltip/">
2919
3783
 
@@ -2927,13 +3791,28 @@
2927
3791
 
2928
3792
  </li>
2929
3793
 
3794
+
3795
+ <li class="nav-tree__item ">
3796
+
3797
+ <a class="nav-tree__link " href="/frontend/demos/wysiwyg/">
3798
+
3799
+
3800
+ <span class="nav-tree__text">
3801
+ WYSIWYG
3802
+ </span>
3803
+
3804
+ </a>
3805
+
3806
+
3807
+ </li>
3808
+
2930
3809
  </ul>
2931
3810
 
2932
3811
  </details>
2933
3812
  </li>
2934
3813
 
2935
3814
 
2936
- <li class="nav-tree__item is-active-trail">
3815
+ <li class="nav-tree__item is-active-trail ">
2937
3816
  <details class="nav-tree__collapsible" open="">
2938
3817
  <summary class="nav-tree__toggle">
2939
3818
 
@@ -2953,7 +3832,7 @@
2953
3832
 
2954
3833
  <ul class="nav-tree" data-menu-depth="2">
2955
3834
 
2956
- <li class="nav-tree__item is-active-trail">
3835
+ <li class="nav-tree__item is-active-trail ">
2957
3836
 
2958
3837
  <a class="nav-tree__link nav-tree__link--index is-active-trail" href="/frontend/sass/">
2959
3838
 
@@ -2968,7 +3847,7 @@
2968
3847
  </li>
2969
3848
 
2970
3849
 
2971
- <li class="nav-tree__item is-active-trail">
3850
+ <li class="nav-tree__item is-active-trail ">
2972
3851
  <details class="nav-tree__collapsible" open="">
2973
3852
  <summary class="nav-tree__toggle">
2974
3853
 
@@ -2986,7 +3865,7 @@
2986
3865
 
2987
3866
  <ul class="nav-tree" data-menu-depth="3">
2988
3867
 
2989
- <li class="nav-tree__item is-active-trail">
3868
+ <li class="nav-tree__item is-active-trail ">
2990
3869
 
2991
3870
  <a class="nav-tree__link nav-tree__link--index is-active-trail" href="/frontend/sass/core/">
2992
3871
 
@@ -3001,7 +3880,7 @@
3001
3880
  </li>
3002
3881
 
3003
3882
 
3004
- <li class="nav-tree__item ">
3883
+ <li class="nav-tree__item ">
3005
3884
 
3006
3885
  <a class="nav-tree__link " href="/frontend/sass/core/breakpoint/">
3007
3886
 
@@ -3016,7 +3895,7 @@
3016
3895
  </li>
3017
3896
 
3018
3897
 
3019
- <li class="nav-tree__item ">
3898
+ <li class="nav-tree__item ">
3020
3899
 
3021
3900
  <a class="nav-tree__link " href="/frontend/sass/core/button/">
3022
3901
 
@@ -3031,7 +3910,7 @@
3031
3910
  </li>
3032
3911
 
3033
3912
 
3034
- <li class="nav-tree__item is-active is-active-trail">
3913
+ <li class="nav-tree__item is-active is-active-trail ">
3035
3914
 
3036
3915
  <a class="nav-tree__link is-active is-active-trail" href="/frontend/sass/core/color/" aria-current="page">
3037
3916
 
@@ -3046,7 +3925,7 @@
3046
3925
  </li>
3047
3926
 
3048
3927
 
3049
- <li class="nav-tree__item ">
3928
+ <li class="nav-tree__item ">
3050
3929
 
3051
3930
  <a class="nav-tree__link " href="/frontend/sass/core/cssvar/">
3052
3931
 
@@ -3061,7 +3940,7 @@
3061
3940
  </li>
3062
3941
 
3063
3942
 
3064
- <li class="nav-tree__item ">
3943
+ <li class="nav-tree__item ">
3065
3944
 
3066
3945
  <a class="nav-tree__link " href="/frontend/sass/core/element/">
3067
3946
 
@@ -3076,7 +3955,7 @@
3076
3955
  </li>
3077
3956
 
3078
3957
 
3079
- <li class="nav-tree__item ">
3958
+ <li class="nav-tree__item ">
3080
3959
 
3081
3960
  <a class="nav-tree__link " href="/frontend/sass/core/layout/">
3082
3961
 
@@ -3091,7 +3970,7 @@
3091
3970
  </li>
3092
3971
 
3093
3972
 
3094
- <li class="nav-tree__item ">
3973
+ <li class="nav-tree__item ">
3095
3974
 
3096
3975
  <a class="nav-tree__link " href="/frontend/sass/core/path/">
3097
3976
 
@@ -3106,7 +3985,7 @@
3106
3985
  </li>
3107
3986
 
3108
3987
 
3109
- <li class="nav-tree__item ">
3988
+ <li class="nav-tree__item ">
3110
3989
 
3111
3990
  <a class="nav-tree__link " href="/frontend/sass/core/selector/">
3112
3991
 
@@ -3121,7 +4000,7 @@
3121
4000
  </li>
3122
4001
 
3123
4002
 
3124
- <li class="nav-tree__item ">
4003
+ <li class="nav-tree__item ">
3125
4004
 
3126
4005
  <a class="nav-tree__link " href="/frontend/sass/core/typography/">
3127
4006
 
@@ -3136,7 +4015,7 @@
3136
4015
  </li>
3137
4016
 
3138
4017
 
3139
- <li class="nav-tree__item ">
4018
+ <li class="nav-tree__item ">
3140
4019
 
3141
4020
  <a class="nav-tree__link " href="/frontend/sass/core/units/">
3142
4021
 
@@ -3151,7 +4030,7 @@
3151
4030
  </li>
3152
4031
 
3153
4032
 
3154
- <li class="nav-tree__item ">
4033
+ <li class="nav-tree__item ">
3155
4034
 
3156
4035
  <a class="nav-tree__link " href="/frontend/sass/core/utils/">
3157
4036
 
@@ -3171,7 +4050,7 @@
3171
4050
  </li>
3172
4051
 
3173
4052
 
3174
- <li class="nav-tree__item ">
4053
+ <li class="nav-tree__item ">
3175
4054
  <details class="nav-tree__collapsible">
3176
4055
  <summary class="nav-tree__toggle">
3177
4056
 
@@ -3189,7 +4068,7 @@
3189
4068
 
3190
4069
  <ul class="nav-tree" data-menu-depth="3">
3191
4070
 
3192
- <li class="nav-tree__item ">
4071
+ <li class="nav-tree__item ">
3193
4072
 
3194
4073
  <a class="nav-tree__link nav-tree__link--index " href="/frontend/sass/base/">
3195
4074
 
@@ -3204,7 +4083,7 @@
3204
4083
  </li>
3205
4084
 
3206
4085
 
3207
- <li class="nav-tree__item ">
4086
+ <li class="nav-tree__item ">
3208
4087
 
3209
4088
  <a class="nav-tree__link " href="/frontend/sass/base/color/">
3210
4089
 
@@ -3219,7 +4098,7 @@
3219
4098
  </li>
3220
4099
 
3221
4100
 
3222
- <li class="nav-tree__item ">
4101
+ <li class="nav-tree__item ">
3223
4102
 
3224
4103
  <a class="nav-tree__link " href="/frontend/sass/base/elements/">
3225
4104
 
@@ -3234,7 +4113,7 @@
3234
4113
  </li>
3235
4114
 
3236
4115
 
3237
- <li class="nav-tree__item ">
4116
+ <li class="nav-tree__item ">
3238
4117
 
3239
4118
  <a class="nav-tree__link " href="/frontend/sass/base/index/">
3240
4119
 
@@ -3249,7 +4128,7 @@
3249
4128
  </li>
3250
4129
 
3251
4130
 
3252
- <li class="nav-tree__item ">
4131
+ <li class="nav-tree__item ">
3253
4132
 
3254
4133
  <a class="nav-tree__link " href="/frontend/sass/base/keyframes/">
3255
4134
 
@@ -3264,7 +4143,7 @@
3264
4143
  </li>
3265
4144
 
3266
4145
 
3267
- <li class="nav-tree__item ">
4146
+ <li class="nav-tree__item ">
3268
4147
 
3269
4148
  <a class="nav-tree__link " href="/frontend/sass/base/layout/">
3270
4149
 
@@ -3279,7 +4158,7 @@
3279
4158
  </li>
3280
4159
 
3281
4160
 
3282
- <li class="nav-tree__item ">
4161
+ <li class="nav-tree__item ">
3283
4162
 
3284
4163
  <a class="nav-tree__link " href="/frontend/sass/base/normalize/">
3285
4164
 
@@ -3294,7 +4173,7 @@
3294
4173
  </li>
3295
4174
 
3296
4175
 
3297
- <li class="nav-tree__item ">
4176
+ <li class="nav-tree__item ">
3298
4177
 
3299
4178
  <a class="nav-tree__link " href="/frontend/sass/base/print/">
3300
4179
 
@@ -3309,7 +4188,7 @@
3309
4188
  </li>
3310
4189
 
3311
4190
 
3312
- <li class="nav-tree__item ">
4191
+ <li class="nav-tree__item ">
3313
4192
 
3314
4193
  <a class="nav-tree__link " href="/frontend/sass/base/root/">
3315
4194
 
@@ -3324,7 +4203,7 @@
3324
4203
  </li>
3325
4204
 
3326
4205
 
3327
- <li class="nav-tree__item ">
4206
+ <li class="nav-tree__item ">
3328
4207
 
3329
4208
  <a class="nav-tree__link " href="/frontend/sass/base/typography/">
3330
4209
 
@@ -3344,7 +4223,7 @@
3344
4223
  </li>
3345
4224
 
3346
4225
 
3347
- <li class="nav-tree__item ">
4226
+ <li class="nav-tree__item ">
3348
4227
  <details class="nav-tree__collapsible">
3349
4228
  <summary class="nav-tree__toggle">
3350
4229
 
@@ -3362,7 +4241,7 @@
3362
4241
 
3363
4242
  <ul class="nav-tree" data-menu-depth="3">
3364
4243
 
3365
- <li class="nav-tree__item ">
4244
+ <li class="nav-tree__item ">
3366
4245
 
3367
4246
  <a class="nav-tree__link nav-tree__link--index " href="/frontend/sass/components/">
3368
4247
 
@@ -3377,7 +4256,7 @@
3377
4256
  </li>
3378
4257
 
3379
4258
 
3380
- <li class="nav-tree__item ">
4259
+ <li class="nav-tree__item ">
3381
4260
 
3382
4261
  <a class="nav-tree__link " href="/frontend/sass/components/accordion/">
3383
4262
 
@@ -3392,7 +4271,7 @@
3392
4271
  </li>
3393
4272
 
3394
4273
 
3395
- <li class="nav-tree__item ">
4274
+ <li class="nav-tree__item ">
3396
4275
 
3397
4276
  <a class="nav-tree__link " href="/frontend/sass/components/adaptive-spacing/">
3398
4277
 
@@ -3407,7 +4286,7 @@
3407
4286
  </li>
3408
4287
 
3409
4288
 
3410
- <li class="nav-tree__item ">
4289
+ <li class="nav-tree__item ">
3411
4290
 
3412
4291
  <a class="nav-tree__link " href="/frontend/sass/components/badge/">
3413
4292
 
@@ -3422,7 +4301,52 @@
3422
4301
  </li>
3423
4302
 
3424
4303
 
3425
- <li class="nav-tree__item ">
4304
+ <li class="nav-tree__item ">
4305
+
4306
+ <a class="nav-tree__link " href="/frontend/sass/components/badge-stack/">
4307
+
4308
+
4309
+ <span class="nav-tree__text">
4310
+ Badge-stack
4311
+ </span>
4312
+
4313
+ </a>
4314
+
4315
+
4316
+ </li>
4317
+
4318
+
4319
+ <li class="nav-tree__item ">
4320
+
4321
+ <a class="nav-tree__link " href="/frontend/sass/components/basic-hero/">
4322
+
4323
+
4324
+ <span class="nav-tree__text">
4325
+ Basic-hero
4326
+ </span>
4327
+
4328
+ </a>
4329
+
4330
+
4331
+ </li>
4332
+
4333
+
4334
+ <li class="nav-tree__item ">
4335
+
4336
+ <a class="nav-tree__link " href="/frontend/sass/components/breadcrumb/">
4337
+
4338
+
4339
+ <span class="nav-tree__text">
4340
+ Breadcrumb
4341
+ </span>
4342
+
4343
+ </a>
4344
+
4345
+
4346
+ </li>
4347
+
4348
+
4349
+ <li class="nav-tree__item ">
3426
4350
 
3427
4351
  <a class="nav-tree__link " href="/frontend/sass/components/button/">
3428
4352
 
@@ -3437,7 +4361,22 @@
3437
4361
  </li>
3438
4362
 
3439
4363
 
3440
- <li class="nav-tree__item ">
4364
+ <li class="nav-tree__item ">
4365
+
4366
+ <a class="nav-tree__link " href="/frontend/sass/components/button-group/">
4367
+
4368
+
4369
+ <span class="nav-tree__text">
4370
+ Button-group
4371
+ </span>
4372
+
4373
+ </a>
4374
+
4375
+
4376
+ </li>
4377
+
4378
+
4379
+ <li class="nav-tree__item ">
3441
4380
 
3442
4381
  <a class="nav-tree__link " href="/frontend/sass/components/button-verbose/">
3443
4382
 
@@ -3452,7 +4391,7 @@
3452
4391
  </li>
3453
4392
 
3454
4393
 
3455
- <li class="nav-tree__item ">
4394
+ <li class="nav-tree__item ">
3456
4395
 
3457
4396
  <a class="nav-tree__link " href="/frontend/sass/components/callout/">
3458
4397
 
@@ -3467,7 +4406,7 @@
3467
4406
  </li>
3468
4407
 
3469
4408
 
3470
- <li class="nav-tree__item ">
4409
+ <li class="nav-tree__item ">
3471
4410
 
3472
4411
  <a class="nav-tree__link " href="/frontend/sass/components/captioned-figure/">
3473
4412
 
@@ -3482,7 +4421,7 @@
3482
4421
  </li>
3483
4422
 
3484
4423
 
3485
- <li class="nav-tree__item ">
4424
+ <li class="nav-tree__item ">
3486
4425
 
3487
4426
  <a class="nav-tree__link " href="/frontend/sass/components/card/">
3488
4427
 
@@ -3497,7 +4436,7 @@
3497
4436
  </li>
3498
4437
 
3499
4438
 
3500
- <li class="nav-tree__item ">
4439
+ <li class="nav-tree__item ">
3501
4440
 
3502
4441
  <a class="nav-tree__link " href="/frontend/sass/components/card-grid/">
3503
4442
 
@@ -3512,7 +4451,22 @@
3512
4451
  </li>
3513
4452
 
3514
4453
 
3515
- <li class="nav-tree__item ">
4454
+ <li class="nav-tree__item ">
4455
+
4456
+ <a class="nav-tree__link " href="/frontend/sass/components/counter-list/">
4457
+
4458
+
4459
+ <span class="nav-tree__text">
4460
+ Counter-list
4461
+ </span>
4462
+
4463
+ </a>
4464
+
4465
+
4466
+ </li>
4467
+
4468
+
4469
+ <li class="nav-tree__item ">
3516
4470
 
3517
4471
  <a class="nav-tree__link " href="/frontend/sass/components/css-icon/">
3518
4472
 
@@ -3527,7 +4481,7 @@
3527
4481
  </li>
3528
4482
 
3529
4483
 
3530
- <li class="nav-tree__item ">
4484
+ <li class="nav-tree__item ">
3531
4485
 
3532
4486
  <a class="nav-tree__link " href="/frontend/sass/components/data-grid/">
3533
4487
 
@@ -3542,7 +4496,7 @@
3542
4496
  </li>
3543
4497
 
3544
4498
 
3545
- <li class="nav-tree__item ">
4499
+ <li class="nav-tree__item ">
3546
4500
 
3547
4501
  <a class="nav-tree__link " href="/frontend/sass/components/data-table/">
3548
4502
 
@@ -3557,7 +4511,22 @@
3557
4511
  </li>
3558
4512
 
3559
4513
 
3560
- <li class="nav-tree__item ">
4514
+ <li class="nav-tree__item ">
4515
+
4516
+ <a class="nav-tree__link " href="/frontend/sass/components/definition-list/">
4517
+
4518
+
4519
+ <span class="nav-tree__text">
4520
+ Definition-list
4521
+ </span>
4522
+
4523
+ </a>
4524
+
4525
+
4526
+ </li>
4527
+
4528
+
4529
+ <li class="nav-tree__item ">
3561
4530
 
3562
4531
  <a class="nav-tree__link " href="/frontend/sass/components/fill-context/">
3563
4532
 
@@ -3572,7 +4541,7 @@
3572
4541
  </li>
3573
4542
 
3574
4543
 
3575
- <li class="nav-tree__item ">
4544
+ <li class="nav-tree__item ">
3576
4545
 
3577
4546
  <a class="nav-tree__link " href="/frontend/sass/components/flipcard/">
3578
4547
 
@@ -3587,7 +4556,7 @@
3587
4556
  </li>
3588
4557
 
3589
4558
 
3590
- <li class="nav-tree__item ">
4559
+ <li class="nav-tree__item ">
3591
4560
 
3592
4561
  <a class="nav-tree__link " href="/frontend/sass/components/flipcard-grid/">
3593
4562
 
@@ -3602,7 +4571,7 @@
3602
4571
  </li>
3603
4572
 
3604
4573
 
3605
- <li class="nav-tree__item ">
4574
+ <li class="nav-tree__item ">
3606
4575
 
3607
4576
  <a class="nav-tree__link " href="/frontend/sass/components/form-theme/">
3608
4577
 
@@ -3617,7 +4586,22 @@
3617
4586
  </li>
3618
4587
 
3619
4588
 
3620
- <li class="nav-tree__item ">
4589
+ <li class="nav-tree__item ">
4590
+
4591
+ <a class="nav-tree__link " href="/frontend/sass/components/headline-label/">
4592
+
4593
+
4594
+ <span class="nav-tree__text">
4595
+ Headline-label
4596
+ </span>
4597
+
4598
+ </a>
4599
+
4600
+
4601
+ </li>
4602
+
4603
+
4604
+ <li class="nav-tree__item ">
3621
4605
 
3622
4606
  <a class="nav-tree__link " href="/frontend/sass/components/hero/">
3623
4607
 
@@ -3632,7 +4616,7 @@
3632
4616
  </li>
3633
4617
 
3634
4618
 
3635
- <li class="nav-tree__item ">
4619
+ <li class="nav-tree__item ">
3636
4620
 
3637
4621
  <a class="nav-tree__link " href="/frontend/sass/components/horizontal-rule/">
3638
4622
 
@@ -3647,7 +4631,7 @@
3647
4631
  </li>
3648
4632
 
3649
4633
 
3650
- <li class="nav-tree__item ">
4634
+ <li class="nav-tree__item ">
3651
4635
 
3652
4636
  <a class="nav-tree__link " href="/frontend/sass/components/image-grid/">
3653
4637
 
@@ -3662,7 +4646,7 @@
3662
4646
  </li>
3663
4647
 
3664
4648
 
3665
- <li class="nav-tree__item ">
4649
+ <li class="nav-tree__item ">
3666
4650
 
3667
4651
  <a class="nav-tree__link " href="/frontend/sass/components/index/">
3668
4652
 
@@ -3677,7 +4661,7 @@
3677
4661
  </li>
3678
4662
 
3679
4663
 
3680
- <li class="nav-tree__item ">
4664
+ <li class="nav-tree__item ">
3681
4665
 
3682
4666
  <a class="nav-tree__link " href="/frontend/sass/components/links/">
3683
4667
 
@@ -3692,7 +4676,7 @@
3692
4676
  </li>
3693
4677
 
3694
4678
 
3695
- <li class="nav-tree__item ">
4679
+ <li class="nav-tree__item ">
3696
4680
 
3697
4681
  <a class="nav-tree__link " href="/frontend/sass/components/list-inline/">
3698
4682
 
@@ -3707,13 +4691,73 @@
3707
4691
  </li>
3708
4692
 
3709
4693
 
3710
- <li class="nav-tree__item ">
4694
+ <li class="nav-tree__item ">
4695
+
4696
+ <a class="nav-tree__link " href="/frontend/sass/components/list-lines/">
4697
+
4698
+
4699
+ <span class="nav-tree__text">
4700
+ List-lines
4701
+ </span>
4702
+
4703
+ </a>
4704
+
4705
+
4706
+ </li>
4707
+
4708
+
4709
+ <li class="nav-tree__item ">
4710
+
4711
+ <a class="nav-tree__link " href="/frontend/sass/components/list-ordered/">
4712
+
4713
+
4714
+ <span class="nav-tree__text">
4715
+ List-ordered
4716
+ </span>
4717
+
4718
+ </a>
4719
+
4720
+
4721
+ </li>
4722
+
4723
+
4724
+ <li class="nav-tree__item ">
4725
+
4726
+ <a class="nav-tree__link " href="/frontend/sass/components/list-unordered/">
4727
+
4728
+
4729
+ <span class="nav-tree__text">
4730
+ List-unordered
4731
+ </span>
4732
+
4733
+ </a>
4734
+
4735
+
4736
+ </li>
4737
+
4738
+
4739
+ <li class="nav-tree__item ">
4740
+
4741
+ <a class="nav-tree__link " href="/frontend/sass/components/menu-stack/">
4742
+
4743
+
4744
+ <span class="nav-tree__text">
4745
+ Menu-stack
4746
+ </span>
4747
+
4748
+ </a>
4749
+
4750
+
4751
+ </li>
4752
+
4753
+
4754
+ <li class="nav-tree__item ">
3711
4755
 
3712
- <a class="nav-tree__link " href="/frontend/sass/components/list-lines/">
4756
+ <a class="nav-tree__link " href="/frontend/sass/components/modal/">
3713
4757
 
3714
4758
 
3715
4759
  <span class="nav-tree__text">
3716
- List-lines
4760
+ Modal
3717
4761
  </span>
3718
4762
 
3719
4763
  </a>
@@ -3722,13 +4766,13 @@
3722
4766
  </li>
3723
4767
 
3724
4768
 
3725
- <li class="nav-tree__item ">
4769
+ <li class="nav-tree__item ">
3726
4770
 
3727
- <a class="nav-tree__link " href="/frontend/sass/components/list-ordered/">
4771
+ <a class="nav-tree__link " href="/frontend/sass/components/nav-strip/">
3728
4772
 
3729
4773
 
3730
4774
  <span class="nav-tree__text">
3731
- List-ordered
4775
+ Nav-strip
3732
4776
  </span>
3733
4777
 
3734
4778
  </a>
@@ -3737,13 +4781,13 @@
3737
4781
  </li>
3738
4782
 
3739
4783
 
3740
- <li class="nav-tree__item ">
4784
+ <li class="nav-tree__item ">
3741
4785
 
3742
- <a class="nav-tree__link " href="/frontend/sass/components/list-unordered/">
4786
+ <a class="nav-tree__link " href="/frontend/sass/components/overlay-section/">
3743
4787
 
3744
4788
 
3745
4789
  <span class="nav-tree__text">
3746
- List-unordered
4790
+ Overlay-section
3747
4791
  </span>
3748
4792
 
3749
4793
  </a>
@@ -3752,13 +4796,13 @@
3752
4796
  </li>
3753
4797
 
3754
4798
 
3755
- <li class="nav-tree__item ">
4799
+ <li class="nav-tree__item ">
3756
4800
 
3757
- <a class="nav-tree__link " href="/frontend/sass/components/menu-stack/">
4801
+ <a class="nav-tree__link " href="/frontend/sass/components/pager/">
3758
4802
 
3759
4803
 
3760
4804
  <span class="nav-tree__text">
3761
- Menu-stack
4805
+ Pager
3762
4806
  </span>
3763
4807
 
3764
4808
  </a>
@@ -3767,13 +4811,13 @@
3767
4811
  </li>
3768
4812
 
3769
4813
 
3770
- <li class="nav-tree__item ">
4814
+ <li class="nav-tree__item ">
3771
4815
 
3772
- <a class="nav-tree__link " href="/frontend/sass/components/modal/">
4816
+ <a class="nav-tree__link " href="/frontend/sass/components/panel/">
3773
4817
 
3774
4818
 
3775
4819
  <span class="nav-tree__text">
3776
- Modal
4820
+ Panel
3777
4821
  </span>
3778
4822
 
3779
4823
  </a>
@@ -3782,13 +4826,13 @@
3782
4826
  </li>
3783
4827
 
3784
4828
 
3785
- <li class="nav-tree__item ">
4829
+ <li class="nav-tree__item ">
3786
4830
 
3787
- <a class="nav-tree__link " href="/frontend/sass/components/nav-strip/">
4831
+ <a class="nav-tree__link " href="/frontend/sass/components/placeholder-block/">
3788
4832
 
3789
4833
 
3790
4834
  <span class="nav-tree__text">
3791
- Nav-strip
4835
+ Placeholder-block
3792
4836
  </span>
3793
4837
 
3794
4838
  </a>
@@ -3797,13 +4841,13 @@
3797
4841
  </li>
3798
4842
 
3799
4843
 
3800
- <li class="nav-tree__item ">
4844
+ <li class="nav-tree__item ">
3801
4845
 
3802
- <a class="nav-tree__link " href="/frontend/sass/components/overlay-section/">
4846
+ <a class="nav-tree__link " href="/frontend/sass/components/popover/">
3803
4847
 
3804
4848
 
3805
4849
  <span class="nav-tree__text">
3806
- Overlay-section
4850
+ Popover
3807
4851
  </span>
3808
4852
 
3809
4853
  </a>
@@ -3812,13 +4856,13 @@
3812
4856
  </li>
3813
4857
 
3814
4858
 
3815
- <li class="nav-tree__item ">
4859
+ <li class="nav-tree__item ">
3816
4860
 
3817
- <a class="nav-tree__link " href="/frontend/sass/components/pager/">
4861
+ <a class="nav-tree__link " href="/frontend/sass/components/progress-bar/">
3818
4862
 
3819
4863
 
3820
4864
  <span class="nav-tree__text">
3821
- Pager
4865
+ Progress-bar
3822
4866
  </span>
3823
4867
 
3824
4868
  </a>
@@ -3827,13 +4871,13 @@
3827
4871
  </li>
3828
4872
 
3829
4873
 
3830
- <li class="nav-tree__item ">
4874
+ <li class="nav-tree__item ">
3831
4875
 
3832
- <a class="nav-tree__link " href="/frontend/sass/components/placeholder-block/">
4876
+ <a class="nav-tree__link " href="/frontend/sass/components/progress-circle/">
3833
4877
 
3834
4878
 
3835
4879
  <span class="nav-tree__text">
3836
- Placeholder-block
4880
+ Progress-circle
3837
4881
  </span>
3838
4882
 
3839
4883
  </a>
@@ -3842,13 +4886,13 @@
3842
4886
  </li>
3843
4887
 
3844
4888
 
3845
- <li class="nav-tree__item ">
4889
+ <li class="nav-tree__item ">
3846
4890
 
3847
- <a class="nav-tree__link " href="/frontend/sass/components/popover/">
4891
+ <a class="nav-tree__link " href="/frontend/sass/components/pull-quote/">
3848
4892
 
3849
4893
 
3850
4894
  <span class="nav-tree__text">
3851
- Popover
4895
+ Pull-quote
3852
4896
  </span>
3853
4897
 
3854
4898
  </a>
@@ -3857,13 +4901,13 @@
3857
4901
  </li>
3858
4902
 
3859
4903
 
3860
- <li class="nav-tree__item ">
4904
+ <li class="nav-tree__item ">
3861
4905
 
3862
- <a class="nav-tree__link " href="/frontend/sass/components/pull-quote/">
4906
+ <a class="nav-tree__link " href="/frontend/sass/components/rail/">
3863
4907
 
3864
4908
 
3865
4909
  <span class="nav-tree__text">
3866
- Pull-quote
4910
+ Rail
3867
4911
  </span>
3868
4912
 
3869
4913
  </a>
@@ -3872,7 +4916,7 @@
3872
4916
  </li>
3873
4917
 
3874
4918
 
3875
- <li class="nav-tree__item ">
4919
+ <li class="nav-tree__item ">
3876
4920
 
3877
4921
  <a class="nav-tree__link " href="/frontend/sass/components/ratio-box/">
3878
4922
 
@@ -3887,7 +4931,7 @@
3887
4931
  </li>
3888
4932
 
3889
4933
 
3890
- <li class="nav-tree__item ">
4934
+ <li class="nav-tree__item ">
3891
4935
 
3892
4936
  <a class="nav-tree__link " href="/frontend/sass/components/rule/">
3893
4937
 
@@ -3902,7 +4946,7 @@
3902
4946
  </li>
3903
4947
 
3904
4948
 
3905
- <li class="nav-tree__item ">
4949
+ <li class="nav-tree__item ">
3906
4950
 
3907
4951
  <a class="nav-tree__link " href="/frontend/sass/components/scroll-slider/">
3908
4952
 
@@ -3917,7 +4961,22 @@
3917
4961
  </li>
3918
4962
 
3919
4963
 
3920
- <li class="nav-tree__item ">
4964
+ <li class="nav-tree__item ">
4965
+
4966
+ <a class="nav-tree__link " href="/frontend/sass/components/skeleton/">
4967
+
4968
+
4969
+ <span class="nav-tree__text">
4970
+ Skeleton
4971
+ </span>
4972
+
4973
+ </a>
4974
+
4975
+
4976
+ </li>
4977
+
4978
+
4979
+ <li class="nav-tree__item ">
3921
4980
 
3922
4981
  <a class="nav-tree__link " href="/frontend/sass/components/skip-link/">
3923
4982
 
@@ -3932,7 +4991,7 @@
3932
4991
  </li>
3933
4992
 
3934
4993
 
3935
- <li class="nav-tree__item ">
4994
+ <li class="nav-tree__item ">
3936
4995
 
3937
4996
  <a class="nav-tree__link " href="/frontend/sass/components/slider/">
3938
4997
 
@@ -3947,7 +5006,7 @@
3947
5006
  </li>
3948
5007
 
3949
5008
 
3950
- <li class="nav-tree__item ">
5009
+ <li class="nav-tree__item ">
3951
5010
 
3952
5011
  <a class="nav-tree__link " href="/frontend/sass/components/spoke-spinner/">
3953
5012
 
@@ -3962,7 +5021,22 @@
3962
5021
  </li>
3963
5022
 
3964
5023
 
3965
- <li class="nav-tree__item ">
5024
+ <li class="nav-tree__item ">
5025
+
5026
+ <a class="nav-tree__link " href="/frontend/sass/components/sticky-list/">
5027
+
5028
+
5029
+ <span class="nav-tree__text">
5030
+ Sticky-list
5031
+ </span>
5032
+
5033
+ </a>
5034
+
5035
+
5036
+ </li>
5037
+
5038
+
5039
+ <li class="nav-tree__item ">
3966
5040
 
3967
5041
  <a class="nav-tree__link " href="/frontend/sass/components/tabs/">
3968
5042
 
@@ -3977,7 +5051,7 @@
3977
5051
  </li>
3978
5052
 
3979
5053
 
3980
- <li class="nav-tree__item ">
5054
+ <li class="nav-tree__item ">
3981
5055
 
3982
5056
  <a class="nav-tree__link " href="/frontend/sass/components/tag/">
3983
5057
 
@@ -3992,7 +5066,7 @@
3992
5066
  </li>
3993
5067
 
3994
5068
 
3995
- <li class="nav-tree__item ">
5069
+ <li class="nav-tree__item ">
3996
5070
 
3997
5071
  <a class="nav-tree__link " href="/frontend/sass/components/tile-button/">
3998
5072
 
@@ -4007,7 +5081,7 @@
4007
5081
  </li>
4008
5082
 
4009
5083
 
4010
- <li class="nav-tree__item ">
5084
+ <li class="nav-tree__item ">
4011
5085
 
4012
5086
  <a class="nav-tree__link " href="/frontend/sass/components/tile-grid/">
4013
5087
 
@@ -4022,7 +5096,7 @@
4022
5096
  </li>
4023
5097
 
4024
5098
 
4025
- <li class="nav-tree__item ">
5099
+ <li class="nav-tree__item ">
4026
5100
 
4027
5101
  <a class="nav-tree__link " href="/frontend/sass/components/tile-grid-overlay/">
4028
5102
 
@@ -4037,7 +5111,7 @@
4037
5111
  </li>
4038
5112
 
4039
5113
 
4040
- <li class="nav-tree__item ">
5114
+ <li class="nav-tree__item ">
4041
5115
 
4042
5116
  <a class="nav-tree__link " href="/frontend/sass/components/vignette/">
4043
5117
 
@@ -4052,7 +5126,7 @@
4052
5126
  </li>
4053
5127
 
4054
5128
 
4055
- <li class="nav-tree__item ">
5129
+ <li class="nav-tree__item ">
4056
5130
 
4057
5131
  <a class="nav-tree__link " href="/frontend/sass/components/wysiwyg/">
4058
5132
 
@@ -4072,7 +5146,7 @@
4072
5146
  </li>
4073
5147
 
4074
5148
 
4075
- <li class="nav-tree__item ">
5149
+ <li class="nav-tree__item ">
4076
5150
  <details class="nav-tree__collapsible">
4077
5151
  <summary class="nav-tree__toggle">
4078
5152
 
@@ -4090,7 +5164,7 @@
4090
5164
 
4091
5165
  <ul class="nav-tree" data-menu-depth="3">
4092
5166
 
4093
- <li class="nav-tree__item ">
5167
+ <li class="nav-tree__item ">
4094
5168
 
4095
5169
  <a class="nav-tree__link nav-tree__link--index " href="/frontend/sass/helpers/">
4096
5170
 
@@ -4105,7 +5179,7 @@
4105
5179
  </li>
4106
5180
 
4107
5181
 
4108
- <li class="nav-tree__item ">
5182
+ <li class="nav-tree__item ">
4109
5183
 
4110
5184
  <a class="nav-tree__link " href="/frontend/sass/helpers/color/">
4111
5185
 
@@ -4120,7 +5194,7 @@
4120
5194
  </li>
4121
5195
 
4122
5196
 
4123
- <li class="nav-tree__item ">
5197
+ <li class="nav-tree__item ">
4124
5198
 
4125
5199
  <a class="nav-tree__link " href="/frontend/sass/helpers/display/">
4126
5200
 
@@ -4135,7 +5209,7 @@
4135
5209
  </li>
4136
5210
 
4137
5211
 
4138
- <li class="nav-tree__item ">
5212
+ <li class="nav-tree__item ">
4139
5213
 
4140
5214
  <a class="nav-tree__link " href="/frontend/sass/helpers/index/">
4141
5215
 
@@ -4150,22 +5224,7 @@
4150
5224
  </li>
4151
5225
 
4152
5226
 
4153
- <li class="nav-tree__item ">
4154
-
4155
- <a class="nav-tree__link " href="/frontend/sass/helpers/print/">
4156
-
4157
-
4158
- <span class="nav-tree__text">
4159
- Print
4160
- </span>
4161
-
4162
- </a>
4163
-
4164
-
4165
- </li>
4166
-
4167
-
4168
- <li class="nav-tree__item ">
5227
+ <li class="nav-tree__item ">
4169
5228
 
4170
5229
  <a class="nav-tree__link " href="/frontend/sass/helpers/typography/">
4171
5230
 
@@ -4180,7 +5239,7 @@
4180
5239
  </li>
4181
5240
 
4182
5241
 
4183
- <li class="nav-tree__item ">
5242
+ <li class="nav-tree__item ">
4184
5243
 
4185
5244
  <a class="nav-tree__link " href="/frontend/sass/helpers/units/">
4186
5245
 
@@ -4195,7 +5254,7 @@
4195
5254
  </li>
4196
5255
 
4197
5256
 
4198
- <li class="nav-tree__item ">
5257
+ <li class="nav-tree__item ">
4199
5258
 
4200
5259
  <a class="nav-tree__link " href="/frontend/sass/helpers/utilities/">
4201
5260
 
@@ -4220,7 +5279,7 @@
4220
5279
  </li>
4221
5280
 
4222
5281
 
4223
- <li class="nav-tree__item ">
5282
+ <li class="nav-tree__item ">
4224
5283
  <details class="nav-tree__collapsible">
4225
5284
  <summary class="nav-tree__toggle">
4226
5285
 
@@ -4240,7 +5299,7 @@
4240
5299
 
4241
5300
  <ul class="nav-tree" data-menu-depth="2">
4242
5301
 
4243
- <li class="nav-tree__item ">
5302
+ <li class="nav-tree__item ">
4244
5303
 
4245
5304
  <a class="nav-tree__link nav-tree__link--index " href="/frontend/javascript/">
4246
5305
 
@@ -4255,7 +5314,7 @@
4255
5314
  </li>
4256
5315
 
4257
5316
 
4258
- <li class="nav-tree__item ">
5317
+ <li class="nav-tree__item ">
4259
5318
 
4260
5319
  <a class="nav-tree__link " href="/frontend/javascript/events/">
4261
5320
 
@@ -4270,7 +5329,22 @@
4270
5329
  </li>
4271
5330
 
4272
5331
 
4273
- <li class="nav-tree__item ">
5332
+ <li class="nav-tree__item ">
5333
+
5334
+ <a class="nav-tree__link " href="/frontend/javascript/settings/">
5335
+
5336
+
5337
+ <span class="nav-tree__text">
5338
+ settings
5339
+ </span>
5340
+
5341
+ </a>
5342
+
5343
+
5344
+ </li>
5345
+
5346
+
5347
+ <li class="nav-tree__item ">
4274
5348
 
4275
5349
  <a class="nav-tree__link " href="/frontend/javascript/ui-breakpoints/">
4276
5350
 
@@ -4285,7 +5359,7 @@
4285
5359
  </li>
4286
5360
 
4287
5361
 
4288
- <li class="nav-tree__item ">
5362
+ <li class="nav-tree__item ">
4289
5363
 
4290
5364
  <a class="nav-tree__link " href="/frontend/javascript/ui-collapsible/">
4291
5365
 
@@ -4300,7 +5374,22 @@
4300
5374
  </li>
4301
5375
 
4302
5376
 
4303
- <li class="nav-tree__item ">
5377
+ <li class="nav-tree__item ">
5378
+
5379
+ <a class="nav-tree__link " href="/frontend/javascript/ui-details-group/">
5380
+
5381
+
5382
+ <span class="nav-tree__text">
5383
+ ui/details-group
5384
+ </span>
5385
+
5386
+ </a>
5387
+
5388
+
5389
+ </li>
5390
+
5391
+
5392
+ <li class="nav-tree__item ">
4304
5393
 
4305
5394
  <a class="nav-tree__link " href="/frontend/javascript/ui-dialog/">
4306
5395
 
@@ -4315,7 +5404,7 @@
4315
5404
  </li>
4316
5405
 
4317
5406
 
4318
- <li class="nav-tree__item ">
5407
+ <li class="nav-tree__item ">
4319
5408
 
4320
5409
  <a class="nav-tree__link " href="/frontend/javascript/ui-flipcard/">
4321
5410
 
@@ -4330,7 +5419,7 @@
4330
5419
  </li>
4331
5420
 
4332
5421
 
4333
- <li class="nav-tree__item ">
5422
+ <li class="nav-tree__item ">
4334
5423
 
4335
5424
  <a class="nav-tree__link " href="/frontend/javascript/ui-grid/">
4336
5425
 
@@ -4345,7 +5434,7 @@
4345
5434
  </li>
4346
5435
 
4347
5436
 
4348
- <li class="nav-tree__item ">
5437
+ <li class="nav-tree__item ">
4349
5438
 
4350
5439
  <a class="nav-tree__link " href="/frontend/javascript/ui-modal-builder/">
4351
5440
 
@@ -4360,7 +5449,7 @@
4360
5449
  </li>
4361
5450
 
4362
5451
 
4363
- <li class="nav-tree__item ">
5452
+ <li class="nav-tree__item ">
4364
5453
 
4365
5454
  <a class="nav-tree__link " href="/frontend/javascript/ui-overflow-scroller/">
4366
5455
 
@@ -4375,7 +5464,7 @@
4375
5464
  </li>
4376
5465
 
4377
5466
 
4378
- <li class="nav-tree__item ">
5467
+ <li class="nav-tree__item ">
4379
5468
 
4380
5469
  <a class="nav-tree__link " href="/frontend/javascript/ui-overflow-scroller-pager/">
4381
5470
 
@@ -4390,7 +5479,7 @@
4390
5479
  </li>
4391
5480
 
4392
5481
 
4393
- <li class="nav-tree__item ">
5482
+ <li class="nav-tree__item ">
4394
5483
 
4395
5484
  <a class="nav-tree__link " href="/frontend/javascript/ui-page/">
4396
5485
 
@@ -4405,7 +5494,7 @@
4405
5494
  </li>
4406
5495
 
4407
5496
 
4408
- <li class="nav-tree__item ">
5497
+ <li class="nav-tree__item ">
4409
5498
 
4410
5499
  <a class="nav-tree__link " href="/frontend/javascript/ui-popover/">
4411
5500
 
@@ -4420,7 +5509,7 @@
4420
5509
  </li>
4421
5510
 
4422
5511
 
4423
- <li class="nav-tree__item ">
5512
+ <li class="nav-tree__item ">
4424
5513
 
4425
5514
  <a class="nav-tree__link " href="/frontend/javascript/ui-print/">
4426
5515
 
@@ -4435,7 +5524,7 @@
4435
5524
  </li>
4436
5525
 
4437
5526
 
4438
- <li class="nav-tree__item ">
5527
+ <li class="nav-tree__item ">
4439
5528
 
4440
5529
  <a class="nav-tree__link " href="/frontend/javascript/ui-print-details/">
4441
5530
 
@@ -4450,7 +5539,7 @@
4450
5539
  </li>
4451
5540
 
4452
5541
 
4453
- <li class="nav-tree__item ">
5542
+ <li class="nav-tree__item ">
4454
5543
 
4455
5544
  <a class="nav-tree__link " href="/frontend/javascript/ui-programmatic-modal/">
4456
5545
 
@@ -4465,7 +5554,7 @@
4465
5554
  </li>
4466
5555
 
4467
5556
 
4468
- <li class="nav-tree__item ">
5557
+ <li class="nav-tree__item ">
4469
5558
 
4470
5559
  <a class="nav-tree__link " href="/frontend/javascript/ui-proxy-click/">
4471
5560
 
@@ -4480,7 +5569,7 @@
4480
5569
  </li>
4481
5570
 
4482
5571
 
4483
- <li class="nav-tree__item ">
5572
+ <li class="nav-tree__item ">
4484
5573
 
4485
5574
  <a class="nav-tree__link " href="/frontend/javascript/ui-resizer/">
4486
5575
 
@@ -4495,7 +5584,7 @@
4495
5584
  </li>
4496
5585
 
4497
5586
 
4498
- <li class="nav-tree__item ">
5587
+ <li class="nav-tree__item ">
4499
5588
 
4500
5589
  <a class="nav-tree__link " href="/frontend/javascript/ui-scroll-slider/">
4501
5590
 
@@ -4510,7 +5599,7 @@
4510
5599
  </li>
4511
5600
 
4512
5601
 
4513
- <li class="nav-tree__item ">
5602
+ <li class="nav-tree__item ">
4514
5603
 
4515
5604
  <a class="nav-tree__link " href="/frontend/javascript/ui-scrollpoint/">
4516
5605
 
@@ -4525,7 +5614,7 @@
4525
5614
  </li>
4526
5615
 
4527
5616
 
4528
- <li class="nav-tree__item ">
5617
+ <li class="nav-tree__item ">
4529
5618
 
4530
5619
  <a class="nav-tree__link " href="/frontend/javascript/ui-slider/">
4531
5620
 
@@ -4540,7 +5629,7 @@
4540
5629
  </li>
4541
5630
 
4542
5631
 
4543
- <li class="nav-tree__item ">
5632
+ <li class="nav-tree__item ">
4544
5633
 
4545
5634
  <a class="nav-tree__link " href="/frontend/javascript/ui-tabs/">
4546
5635
 
@@ -4555,7 +5644,22 @@
4555
5644
  </li>
4556
5645
 
4557
5646
 
4558
- <li class="nav-tree__item ">
5647
+ <li class="nav-tree__item ">
5648
+
5649
+ <a class="nav-tree__link " href="/frontend/javascript/ui-theme-toggle/">
5650
+
5651
+
5652
+ <span class="nav-tree__text">
5653
+ ui/theme-toggle
5654
+ </span>
5655
+
5656
+ </a>
5657
+
5658
+
5659
+ </li>
5660
+
5661
+
5662
+ <li class="nav-tree__item ">
4559
5663
 
4560
5664
  <a class="nav-tree__link " href="/frontend/javascript/ui-tooltip/">
4561
5665
 
@@ -4570,7 +5674,7 @@
4570
5674
  </li>
4571
5675
 
4572
5676
 
4573
- <li class="nav-tree__item ">
5677
+ <li class="nav-tree__item ">
4574
5678
 
4575
5679
  <a class="nav-tree__link " href="/frontend/javascript/utils-class-logger/">
4576
5680
 
@@ -4585,7 +5689,22 @@
4585
5689
  </li>
4586
5690
 
4587
5691
 
4588
- <li class="nav-tree__item ">
5692
+ <li class="nav-tree__item ">
5693
+
5694
+ <a class="nav-tree__link " href="/frontend/javascript/utils-css/">
5695
+
5696
+
5697
+ <span class="nav-tree__text">
5698
+ utils/css
5699
+ </span>
5700
+
5701
+ </a>
5702
+
5703
+
5704
+ </li>
5705
+
5706
+
5707
+ <li class="nav-tree__item ">
4589
5708
 
4590
5709
  <a class="nav-tree__link " href="/frontend/javascript/utils-dom/">
4591
5710
 
@@ -4600,7 +5719,7 @@
4600
5719
  </li>
4601
5720
 
4602
5721
 
4603
- <li class="nav-tree__item ">
5722
+ <li class="nav-tree__item ">
4604
5723
 
4605
5724
  <a class="nav-tree__link " href="/frontend/javascript/utils-file-save/">
4606
5725
 
@@ -4615,7 +5734,7 @@
4615
5734
  </li>
4616
5735
 
4617
5736
 
4618
- <li class="nav-tree__item ">
5737
+ <li class="nav-tree__item ">
4619
5738
 
4620
5739
  <a class="nav-tree__link " href="/frontend/javascript/utils-floating-ui/">
4621
5740
 
@@ -4630,7 +5749,7 @@
4630
5749
  </li>
4631
5750
 
4632
5751
 
4633
- <li class="nav-tree__item ">
5752
+ <li class="nav-tree__item ">
4634
5753
 
4635
5754
  <a class="nav-tree__link " href="/frontend/javascript/utils-id/">
4636
5755
 
@@ -4645,7 +5764,7 @@
4645
5764
  </li>
4646
5765
 
4647
5766
 
4648
- <li class="nav-tree__item ">
5767
+ <li class="nav-tree__item ">
4649
5768
 
4650
5769
  <a class="nav-tree__link " href="/frontend/javascript/utils-pause-youtube-video/">
4651
5770
 
@@ -4659,11 +5778,43 @@
4659
5778
 
4660
5779
  </li>
4661
5780
 
5781
+
5782
+ <li class="nav-tree__item ">
5783
+
5784
+ <a class="nav-tree__link " href="/frontend/javascript/utils-system/">
5785
+
5786
+
5787
+ <span class="nav-tree__text">
5788
+ utils/system
5789
+ </span>
5790
+
5791
+ </a>
5792
+
5793
+
5794
+ </li>
5795
+
4662
5796
  </ul>
4663
5797
 
4664
5798
  </details>
4665
5799
  </li>
4666
5800
 
5801
+
5802
+ <li class="nav-tree__item nav-tree__item--separator-before">
5803
+
5804
+ <a class="nav-tree__link " href="/frontend/changelog/">
5805
+
5806
+
5807
+ <span class="nav-tree__icon fas fa-clock-rotate-left" aria-hidden="true"></span>
5808
+
5809
+ <span class="nav-tree__text">
5810
+ Changelog
5811
+ </span>
5812
+
5813
+ </a>
5814
+
5815
+
5816
+ </li>
5817
+
4667
5818
  </ul>
4668
5819
 
4669
5820
  </div>
@@ -4733,8 +5884,14 @@
4733
5884
  <li><a href="#function-tint">tint()</a>
4734
5885
  </li>
4735
5886
 
5887
+ <li><a href="#function-css-tint">css-tint()</a>
5888
+ </li>
5889
+
4736
5890
  <li><a href="#function-shade">shade()</a>
4737
5891
  </li>
5892
+
5893
+ <li><a href="#function-css-shade">css-shade()</a>
5894
+ </li>
4738
5895
  </ol>
4739
5896
  </li>
4740
5897
  </ol>
@@ -4764,43 +5921,49 @@
4764
5921
  <li>The default palette color names are used throughout the system</li>
4765
5922
  </ul>
4766
5923
  <pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-property"><span class="pjs-token pjs-variable">$palette</span></span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-punctuation">(</span>
4767
- <span class="pjs-token pjs-string">"black"</span> <span class="pjs-token pjs-punctuation">:</span> black<span class="pjs-token pjs-punctuation">,</span>
4768
- <span class="pjs-token pjs-string">"white"</span> <span class="pjs-token pjs-punctuation">:</span> white<span class="pjs-token pjs-punctuation">,</span>
4769
- <span class="pjs-token pjs-string">"type"</span> <span class="pjs-token pjs-punctuation">:</span> black<span class="pjs-token pjs-punctuation">,</span>
4770
- <span class="pjs-token pjs-string">"type-secondary"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-function">rgb</span><span class="pjs-token pjs-punctuation">(</span>82<span class="pjs-token pjs-punctuation">,</span> 82<span class="pjs-token pjs-punctuation">,</span> 82<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">,</span>
4771
- <span class="pjs-token pjs-string">"type-tertiary"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-function">rgb</span><span class="pjs-token pjs-punctuation">(</span>157<span class="pjs-token pjs-punctuation">,</span> 157<span class="pjs-token pjs-punctuation">,</span> 157<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">,</span>
4772
- <span class="pjs-token pjs-string">"headline"</span> <span class="pjs-token pjs-punctuation">:</span> inherit<span class="pjs-token pjs-punctuation">,</span>
4773
- <span class="pjs-token pjs-string">"background"</span> <span class="pjs-token pjs-punctuation">:</span> white<span class="pjs-token pjs-punctuation">,</span>
4774
- <span class="pjs-token pjs-string">"background-gray"</span> <span class="pjs-token pjs-punctuation">:</span> #F7F8F7<span class="pjs-token pjs-punctuation">,</span>
4775
- <span class="pjs-token pjs-string">"focus"</span> <span class="pjs-token pjs-punctuation">:</span> blue<span class="pjs-token pjs-punctuation">,</span>
4776
- <span class="pjs-token pjs-string">"accent"</span> <span class="pjs-token pjs-punctuation">:</span> orange<span class="pjs-token pjs-punctuation">,</span>
4777
- <span class="pjs-token pjs-string">"info"</span> <span class="pjs-token pjs-punctuation">:</span> #00bde3<span class="pjs-token pjs-punctuation">,</span>
4778
- <span class="pjs-token pjs-string">"success"</span> <span class="pjs-token pjs-punctuation">:</span> #00a91c<span class="pjs-token pjs-punctuation">,</span>
4779
- <span class="pjs-token pjs-string">"warning"</span> <span class="pjs-token pjs-punctuation">:</span> #ffbe2e<span class="pjs-token pjs-punctuation">,</span>
4780
- <span class="pjs-token pjs-string">"danger"</span> <span class="pjs-token pjs-punctuation">:</span> #d54309<span class="pjs-token pjs-punctuation">,</span>
4781
- <span class="pjs-token pjs-string">"info-background"</span> <span class="pjs-token pjs-punctuation">:</span> #e7f6f8<span class="pjs-token pjs-punctuation">,</span>
4782
- <span class="pjs-token pjs-string">"success-background"</span> <span class="pjs-token pjs-punctuation">:</span> #ecf3ec<span class="pjs-token pjs-punctuation">,</span>
4783
- <span class="pjs-token pjs-string">"warning-background"</span> <span class="pjs-token pjs-punctuation">:</span> #faf3d1<span class="pjs-token pjs-punctuation">,</span>
4784
- <span class="pjs-token pjs-string">"danger-background"</span> <span class="pjs-token pjs-punctuation">:</span> #f4e3db<span class="pjs-token pjs-punctuation">,</span>
4785
- <span class="pjs-token pjs-string">"selected"</span> <span class="pjs-token pjs-punctuation">:</span> green<span class="pjs-token pjs-punctuation">,</span>
4786
- <span class="pjs-token pjs-string">"box-shadow"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-function">rgba</span><span class="pjs-token pjs-punctuation">(</span>0<span class="pjs-token pjs-punctuation">,</span> 0<span class="pjs-token pjs-punctuation">,</span> 0<span class="pjs-token pjs-punctuation">,</span> 0.349<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">,</span>
4787
- <span class="pjs-token pjs-string">"box-shadow-hover"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-function">rgba</span><span class="pjs-token pjs-punctuation">(</span>0<span class="pjs-token pjs-punctuation">,</span> 0<span class="pjs-token pjs-punctuation">,</span> 0<span class="pjs-token pjs-punctuation">,</span> 0.5<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">,</span>
4788
- <span class="pjs-token pjs-string">"rule"</span> <span class="pjs-token pjs-punctuation">:</span> gray<span class="pjs-token pjs-punctuation">,</span>
4789
- <span class="pjs-token pjs-string">"rule-light"</span> <span class="pjs-token pjs-punctuation">:</span> lightgray<span class="pjs-token pjs-punctuation">,</span>
4790
- <span class="pjs-token pjs-string">"link"</span> <span class="pjs-token pjs-punctuation">:</span> blue<span class="pjs-token pjs-punctuation">,</span>
4791
- <span class="pjs-token pjs-string">"link-hover"</span> <span class="pjs-token pjs-punctuation">:</span> darkblue<span class="pjs-token pjs-punctuation">,</span>
4792
- <span class="pjs-token pjs-string">"link-active"</span> <span class="pjs-token pjs-punctuation">:</span> darkblue<span class="pjs-token pjs-punctuation">,</span>
4793
- <span class="pjs-token pjs-string">"link-visited"</span> <span class="pjs-token pjs-punctuation">:</span> purple<span class="pjs-token pjs-punctuation">,</span>
4794
- <span class="pjs-token pjs-string">"bullet"</span> <span class="pjs-token pjs-punctuation">:</span> inherit<span class="pjs-token pjs-punctuation">,</span>
4795
- <span class="pjs-token pjs-string">"control"</span> <span class="pjs-token pjs-punctuation">:</span> white<span class="pjs-token pjs-punctuation">,</span>
4796
- <span class="pjs-token pjs-string">"control-hover"</span> <span class="pjs-token pjs-punctuation">:</span> white<span class="pjs-token pjs-punctuation">,</span>
4797
- <span class="pjs-token pjs-string">"control-active"</span> <span class="pjs-token pjs-punctuation">:</span> white<span class="pjs-token pjs-punctuation">,</span>
4798
- <span class="pjs-token pjs-string">"control-border"</span> <span class="pjs-token pjs-punctuation">:</span> purple<span class="pjs-token pjs-punctuation">,</span>
4799
- <span class="pjs-token pjs-string">"control-border-hover"</span> <span class="pjs-token pjs-punctuation">:</span> blue<span class="pjs-token pjs-punctuation">,</span>
4800
- <span class="pjs-token pjs-string">"control-border-active"</span> <span class="pjs-token pjs-punctuation">:</span> orange<span class="pjs-token pjs-punctuation">,</span>
4801
- <span class="pjs-token pjs-string">"control-background"</span> <span class="pjs-token pjs-punctuation">:</span> purple<span class="pjs-token pjs-punctuation">,</span>
4802
- <span class="pjs-token pjs-string">"control-background-hover"</span><span class="pjs-token pjs-punctuation">:</span> blue<span class="pjs-token pjs-punctuation">,</span>
4803
- <span class="pjs-token pjs-string">"control-background-active"</span><span class="pjs-token pjs-punctuation">:</span> orange<span class="pjs-token pjs-punctuation">,</span>
5924
+ <span class="pjs-token pjs-string">"black"</span><span class="pjs-token pjs-punctuation">:</span> black<span class="pjs-token pjs-punctuation">,</span>
5925
+ <span class="pjs-token pjs-string">"white"</span><span class="pjs-token pjs-punctuation">:</span> white<span class="pjs-token pjs-punctuation">,</span>
5926
+ <span class="pjs-token pjs-string">"type"</span><span class="pjs-token pjs-punctuation">:</span> black<span class="pjs-token pjs-punctuation">,</span>
5927
+ <span class="pjs-token pjs-string">"type-secondary"</span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-function">rgb</span><span class="pjs-token pjs-punctuation">(</span>82<span class="pjs-token pjs-punctuation">,</span> 82<span class="pjs-token pjs-punctuation">,</span> 82<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">,</span>
5928
+ <span class="pjs-token pjs-string">"type-tertiary"</span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-function">rgb</span><span class="pjs-token pjs-punctuation">(</span>125<span class="pjs-token pjs-punctuation">,</span> 125<span class="pjs-token pjs-punctuation">,</span> 125<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">,</span>
5929
+ <span class="pjs-token pjs-string">"type-disabled"</span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-function">rgb</span><span class="pjs-token pjs-punctuation">(</span>160<span class="pjs-token pjs-punctuation">,</span> 160<span class="pjs-token pjs-punctuation">,</span> 160<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">,</span>
5930
+ <span class="pjs-token pjs-string">"headline"</span><span class="pjs-token pjs-punctuation">:</span> inherit<span class="pjs-token pjs-punctuation">,</span>
5931
+ <span class="pjs-token pjs-string">"background"</span><span class="pjs-token pjs-punctuation">:</span> white<span class="pjs-token pjs-punctuation">,</span>
5932
+ <span class="pjs-token pjs-string">"background-gray"</span><span class="pjs-token pjs-punctuation">:</span> #fafafa<span class="pjs-token pjs-punctuation">,</span>
5933
+ <span class="pjs-token pjs-string">"focus"</span><span class="pjs-token pjs-punctuation">:</span> blue<span class="pjs-token pjs-punctuation">,</span>
5934
+ <span class="pjs-token pjs-string">"accent"</span><span class="pjs-token pjs-punctuation">:</span> orange<span class="pjs-token pjs-punctuation">,</span>
5935
+ <span class="pjs-token pjs-string">"info"</span><span class="pjs-token pjs-punctuation">:</span> #00bde3<span class="pjs-token pjs-punctuation">,</span>
5936
+ <span class="pjs-token pjs-string">"success"</span><span class="pjs-token pjs-punctuation">:</span> #00a91c<span class="pjs-token pjs-punctuation">,</span>
5937
+ <span class="pjs-token pjs-string">"warning"</span><span class="pjs-token pjs-punctuation">:</span> #ffbe2e<span class="pjs-token pjs-punctuation">,</span>
5938
+ <span class="pjs-token pjs-string">"danger"</span><span class="pjs-token pjs-punctuation">:</span> #d54309<span class="pjs-token pjs-punctuation">,</span>
5939
+ <span class="pjs-token pjs-string">"info-background"</span><span class="pjs-token pjs-punctuation">:</span> #e7f6f8<span class="pjs-token pjs-punctuation">,</span>
5940
+ <span class="pjs-token pjs-string">"success-background"</span><span class="pjs-token pjs-punctuation">:</span> #ecf3ec<span class="pjs-token pjs-punctuation">,</span>
5941
+ <span class="pjs-token pjs-string">"warning-background"</span><span class="pjs-token pjs-punctuation">:</span> #faf3d1<span class="pjs-token pjs-punctuation">,</span>
5942
+ <span class="pjs-token pjs-string">"danger-background"</span><span class="pjs-token pjs-punctuation">:</span> #f4e3db<span class="pjs-token pjs-punctuation">,</span>
5943
+ <span class="pjs-token pjs-comment">// Used for background of elements that are placeholder or that have no value (think charts)</span>
5944
+ <span class="pjs-token pjs-string">"placeholder-background"</span><span class="pjs-token pjs-punctuation">:</span> #e2e2e2<span class="pjs-token pjs-punctuation">,</span>
5945
+ <span class="pjs-token pjs-string">"placeholder-background-alt"</span><span class="pjs-token pjs-punctuation">:</span> #bababa<span class="pjs-token pjs-punctuation">,</span>
5946
+ <span class="pjs-token pjs-string">"selected"</span><span class="pjs-token pjs-punctuation">:</span> green<span class="pjs-token pjs-punctuation">,</span>
5947
+ <span class="pjs-token pjs-string">"box-shadow"</span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-function">rgba</span><span class="pjs-token pjs-punctuation">(</span>0<span class="pjs-token pjs-punctuation">,</span> 0<span class="pjs-token pjs-punctuation">,</span> 0<span class="pjs-token pjs-punctuation">,</span> 0.349<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">,</span>
5948
+ <span class="pjs-token pjs-string">"box-shadow-hover"</span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-function">rgba</span><span class="pjs-token pjs-punctuation">(</span>0<span class="pjs-token pjs-punctuation">,</span> 0<span class="pjs-token pjs-punctuation">,</span> 0<span class="pjs-token pjs-punctuation">,</span> 0.5<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">,</span>
5949
+ <span class="pjs-token pjs-string">"rule"</span><span class="pjs-token pjs-punctuation">:</span> gray<span class="pjs-token pjs-punctuation">,</span>
5950
+ <span class="pjs-token pjs-string">"rule-light"</span><span class="pjs-token pjs-punctuation">:</span> lightgray<span class="pjs-token pjs-punctuation">,</span>
5951
+ <span class="pjs-token pjs-string">"link"</span><span class="pjs-token pjs-punctuation">:</span> blue<span class="pjs-token pjs-punctuation">,</span>
5952
+ <span class="pjs-token pjs-string">"link-hover"</span><span class="pjs-token pjs-punctuation">:</span> darkblue<span class="pjs-token pjs-punctuation">,</span>
5953
+ <span class="pjs-token pjs-string">"link-active"</span><span class="pjs-token pjs-punctuation">:</span> darkblue<span class="pjs-token pjs-punctuation">,</span>
5954
+ <span class="pjs-token pjs-string">"link-visited"</span><span class="pjs-token pjs-punctuation">:</span> purple<span class="pjs-token pjs-punctuation">,</span>
5955
+ <span class="pjs-token pjs-string">"bullet"</span><span class="pjs-token pjs-punctuation">:</span> inherit<span class="pjs-token pjs-punctuation">,</span>
5956
+ <span class="pjs-token pjs-string">"control"</span><span class="pjs-token pjs-punctuation">:</span> white<span class="pjs-token pjs-punctuation">,</span>
5957
+ <span class="pjs-token pjs-string">"control-hover"</span><span class="pjs-token pjs-punctuation">:</span> white<span class="pjs-token pjs-punctuation">,</span>
5958
+ <span class="pjs-token pjs-string">"control-active"</span><span class="pjs-token pjs-punctuation">:</span> white<span class="pjs-token pjs-punctuation">,</span>
5959
+ <span class="pjs-token pjs-string">"control-border"</span><span class="pjs-token pjs-punctuation">:</span> purple<span class="pjs-token pjs-punctuation">,</span>
5960
+ <span class="pjs-token pjs-string">"control-border-hover"</span><span class="pjs-token pjs-punctuation">:</span> blue<span class="pjs-token pjs-punctuation">,</span>
5961
+ <span class="pjs-token pjs-string">"control-border-active"</span><span class="pjs-token pjs-punctuation">:</span> orange<span class="pjs-token pjs-punctuation">,</span>
5962
+ <span class="pjs-token pjs-string">"control-background"</span><span class="pjs-token pjs-punctuation">:</span> purple<span class="pjs-token pjs-punctuation">,</span>
5963
+ <span class="pjs-token pjs-string">"control-background-hover"</span><span class="pjs-token pjs-punctuation">:</span> blue<span class="pjs-token pjs-punctuation">,</span>
5964
+ <span class="pjs-token pjs-string">"control-background-active"</span><span class="pjs-token pjs-punctuation">:</span> orange<span class="pjs-token pjs-punctuation">,</span>
5965
+ <span class="pjs-token pjs-comment">// Like accent indicator like things in ui (progress, etc)</span>
5966
+ <span class="pjs-token pjs-string">"indicator"</span> <span class="pjs-token pjs-punctuation">:</span> #5050ab<span class="pjs-token pjs-punctuation">,</span>
4804
5967
  <span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span></code></pre>
4805
5968
  <details>
4806
5969
  <summary>File Information</summary>
@@ -4809,7 +5972,7 @@
4809
5972
  <li><strong>Group:</strong> color</li>
4810
5973
  <li><strong>Type:</strong> variable</li>
4811
5974
  <li><strong>Lines (comments):</strong> 13-16</li>
4812
- <li><strong>Lines (code):</strong> 18-56</li>
5975
+ <li><strong>Lines (code):</strong> 18-62</li>
4813
5976
  </ul>
4814
5977
  </details>
4815
5978
  <div class="sassdoc-item-header">
@@ -4837,8 +6000,8 @@
4837
6000
  <li><strong>File:</strong> _color.scss</li>
4838
6001
  <li><strong>Group:</strong> color</li>
4839
6002
  <li><strong>Type:</strong> variable</li>
4840
- <li><strong>Lines (comments):</strong> 58-62</li>
4841
- <li><strong>Lines (code):</strong> 64-75</li>
6003
+ <li><strong>Lines (comments):</strong> 64-68</li>
6004
+ <li><strong>Lines (code):</strong> 70-81</li>
4842
6005
  </ul>
4843
6006
  </details>
4844
6007
  <h4 id="map-properties" tabindex="-1">Map Properties</h4>
@@ -4889,8 +6052,8 @@
4889
6052
  <li><strong>File:</strong> _color.scss</li>
4890
6053
  <li><strong>Group:</strong> color</li>
4891
6054
  <li><strong>Type:</strong> variable</li>
4892
- <li><strong>Lines (comments):</strong> 77-78</li>
4893
- <li><strong>Lines (code):</strong> 79-83</li>
6055
+ <li><strong>Lines (comments):</strong> 83-84</li>
6056
+ <li><strong>Lines (code):</strong> 85-89</li>
4894
6057
  </ul>
4895
6058
  </details>
4896
6059
  <h2 id="mixins" tabindex="-1">Mixins</h2>
@@ -4907,8 +6070,8 @@
4907
6070
  <li><strong>File:</strong> _color.scss</li>
4908
6071
  <li><strong>Group:</strong> color</li>
4909
6072
  <li><strong>Type:</strong> mixin</li>
4910
- <li><strong>Lines (comments):</strong> 85-91</li>
4911
- <li><strong>Lines (code):</strong> 93-95</li>
6073
+ <li><strong>Lines (comments):</strong> 91-97</li>
6074
+ <li><strong>Lines (code):</strong> 99-101</li>
4912
6075
  </ul>
4913
6076
  </details>
4914
6077
  <h4 id="examples" tabindex="-1">Examples</h4>
@@ -4951,8 +6114,8 @@
4951
6114
  <li><strong>File:</strong> _color.scss</li>
4952
6115
  <li><strong>Group:</strong> color</li>
4953
6116
  <li><strong>Type:</strong> mixin</li>
4954
- <li><strong>Lines (comments):</strong> 117-118</li>
4955
- <li><strong>Lines (code):</strong> 120-122</li>
6117
+ <li><strong>Lines (comments):</strong> 126-127</li>
6118
+ <li><strong>Lines (code):</strong> 129-131</li>
4956
6119
  </ul>
4957
6120
  </details>
4958
6121
  <h4 id="parameters-1" tabindex="-1">Parameters</h4>
@@ -4989,8 +6152,8 @@
4989
6152
  <li><strong>File:</strong> _color.scss</li>
4990
6153
  <li><strong>Group:</strong> color</li>
4991
6154
  <li><strong>Type:</strong> mixin</li>
4992
- <li><strong>Lines (comments):</strong> 131-141</li>
4993
- <li><strong>Lines (code):</strong> 143-145</li>
6155
+ <li><strong>Lines (comments):</strong> 140-150</li>
6156
+ <li><strong>Lines (code):</strong> 152-154</li>
4994
6157
  </ul>
4995
6158
  </details>
4996
6159
  <h4 id="examples-1" tabindex="-1">Examples</h4>
@@ -5046,8 +6209,8 @@
5046
6209
  <li><strong>File:</strong> _color.scss</li>
5047
6210
  <li><strong>Group:</strong> color</li>
5048
6211
  <li><strong>Type:</strong> mixin</li>
5049
- <li><strong>Lines (comments):</strong> 170-171</li>
5050
- <li><strong>Lines (code):</strong> 173-179</li>
6212
+ <li><strong>Lines (comments):</strong> 179-180</li>
6213
+ <li><strong>Lines (code):</strong> 182-188</li>
5051
6214
  </ul>
5052
6215
  </details>
5053
6216
  <h4 id="parameters-3" tabindex="-1">Parameters</h4>
@@ -5086,8 +6249,8 @@
5086
6249
  <li><strong>File:</strong> _color.scss</li>
5087
6250
  <li><strong>Group:</strong> color</li>
5088
6251
  <li><strong>Type:</strong> mixin</li>
5089
- <li><strong>Lines (comments):</strong> 203-210</li>
5090
- <li><strong>Lines (code):</strong> 212-221</li>
6252
+ <li><strong>Lines (comments):</strong> 234-241</li>
6253
+ <li><strong>Lines (code):</strong> 243-252</li>
5091
6254
  </ul>
5092
6255
  </details>
5093
6256
  <h4 id="examples-2" tabindex="-1">Examples</h4>
@@ -5139,8 +6302,8 @@
5139
6302
  <li><strong>File:</strong> _color.scss</li>
5140
6303
  <li><strong>Group:</strong> color</li>
5141
6304
  <li><strong>Type:</strong> mixin</li>
5142
- <li><strong>Lines (comments):</strong> 223-227</li>
5143
- <li><strong>Lines (code):</strong> 229-238</li>
6305
+ <li><strong>Lines (comments):</strong> 254-258</li>
6306
+ <li><strong>Lines (code):</strong> 260-269</li>
5144
6307
  </ul>
5145
6308
  </details>
5146
6309
  <h4 id="examples-3" tabindex="-1">Examples</h4>
@@ -5171,8 +6334,8 @@
5171
6334
  <li><strong>File:</strong> _color.scss</li>
5172
6335
  <li><strong>Group:</strong> color</li>
5173
6336
  <li><strong>Type:</strong> function</li>
5174
- <li><strong>Lines (comments):</strong> 97-99</li>
5175
- <li><strong>Lines (code):</strong> 101-115</li>
6337
+ <li><strong>Lines (comments):</strong> 103-105</li>
6338
+ <li><strong>Lines (code):</strong> 107-124</li>
5176
6339
  </ul>
5177
6340
  </details>
5178
6341
  <h4 id="parameters-5" tabindex="-1">Parameters</h4>
@@ -5225,8 +6388,8 @@
5225
6388
  <li><strong>File:</strong> _color.scss</li>
5226
6389
  <li><strong>Group:</strong> color</li>
5227
6390
  <li><strong>Type:</strong> function</li>
5228
- <li><strong>Lines (comments):</strong> 124-124</li>
5229
- <li><strong>Lines (code):</strong> 126-129</li>
6391
+ <li><strong>Lines (comments):</strong> 133-133</li>
6392
+ <li><strong>Lines (code):</strong> 135-138</li>
5230
6393
  </ul>
5231
6394
  </details>
5232
6395
  <h4 id="require-7" tabindex="-1">Require</h4>
@@ -5247,8 +6410,8 @@
5247
6410
  <li><strong>File:</strong> _color.scss</li>
5248
6411
  <li><strong>Group:</strong> color</li>
5249
6412
  <li><strong>Type:</strong> function</li>
5250
- <li><strong>Lines (comments):</strong> 147-149</li>
5251
- <li><strong>Lines (code):</strong> 151-153</li>
6413
+ <li><strong>Lines (comments):</strong> 156-158</li>
6414
+ <li><strong>Lines (code):</strong> 160-162</li>
5252
6415
  </ul>
5253
6416
  </details>
5254
6417
  <h4 id="parameters-6" tabindex="-1">Parameters</h4>
@@ -5299,8 +6462,8 @@
5299
6462
  <li><strong>File:</strong> _color.scss</li>
5300
6463
  <li><strong>Group:</strong> color</li>
5301
6464
  <li><strong>Type:</strong> function</li>
5302
- <li><strong>Lines (comments):</strong> 155-158</li>
5303
- <li><strong>Lines (code):</strong> 160-168</li>
6465
+ <li><strong>Lines (comments):</strong> 164-167</li>
6466
+ <li><strong>Lines (code):</strong> 169-177</li>
5304
6467
  </ul>
5305
6468
  </details>
5306
6469
  <h4 id="parameters-7" tabindex="-1">Parameters</h4>
@@ -5349,15 +6512,15 @@
5349
6512
  <span class="tag tag--primary"><strong>Function</strong></span>
5350
6513
  </div>
5351
6514
  </div>
5352
- <p>Lighten a color using the default white by a percentage</p>
6515
+ <p>Tint (add white) a color using the default white by a percentage</p>
5353
6516
  <details>
5354
6517
  <summary>File Information</summary>
5355
6518
  <ul>
5356
6519
  <li><strong>File:</strong> _color.scss</li>
5357
6520
  <li><strong>Group:</strong> color</li>
5358
6521
  <li><strong>Type:</strong> function</li>
5359
- <li><strong>Lines (comments):</strong> 181-186</li>
5360
- <li><strong>Lines (code):</strong> 188-190</li>
6522
+ <li><strong>Lines (comments):</strong> 190-195</li>
6523
+ <li><strong>Lines (code):</strong> 197-199</li>
5361
6524
  <li><strong>Author:</strong></li>
5362
6525
  </ul>
5363
6526
  </details>
@@ -5405,24 +6568,84 @@
5405
6568
  <li><a href="/frontend/sass/core/breakpoint/#function-get">get()</a></li>
5406
6569
  </ul>
5407
6570
  <div class="sassdoc-item-header">
6571
+ <h3 id="function-css-tint" tabindex="-1">css-tint()</h3>
6572
+ <div class="sassdoc-item-header__labels">
6573
+ <span class="tag tag--primary"><strong>Function</strong></span>
6574
+ </div>
6575
+ </div>
6576
+ <p>Tint (add white) a color using the default white by a percentage (Using color-mix)</p>
6577
+ <ul>
6578
+ <li>This only works in modern browsers (as of June 2025)</li>
6579
+ <li>These match ulu.color-tint() and are designed to accept the same arguments with the same results</li>
6580
+ </ul>
6581
+ <details>
6582
+ <summary>File Information</summary>
6583
+ <ul>
6584
+ <li><strong>File:</strong> _color.scss</li>
6585
+ <li><strong>Group:</strong> color</li>
6586
+ <li><strong>Type:</strong> function</li>
6587
+ <li><strong>Lines (comments):</strong> 201-206</li>
6588
+ <li><strong>Lines (code):</strong> 208-210</li>
6589
+ </ul>
6590
+ </details>
6591
+ <h4 id="parameters-9" tabindex="-1">Parameters</h4>
6592
+ <table>
6593
+ <thead>
6594
+ <tr>
6595
+ <th style="text-align:left">Name</th>
6596
+ <th style="text-align:left">Type</th>
6597
+ <th style="text-align:left">Description</th>
6598
+ </tr>
6599
+ </thead>
6600
+ <tbody>
6601
+ <tr>
6602
+ <td style="text-align:left">$color</td>
6603
+ <td style="text-align:left"><code>Color, String</code></td>
6604
+ <td style="text-align:left">Color or custom property to apply mix to</td>
6605
+ </tr>
6606
+ <tr>
6607
+ <td style="text-align:left">$percentage</td>
6608
+ <td style="text-align:left"><code>Number</code></td>
6609
+ <td style="text-align:left">Percentage</td>
6610
+ </tr>
6611
+ </tbody>
6612
+ </table>
6613
+ <h4 id="returns-4" tabindex="-1">Returns</h4>
6614
+ <table>
6615
+ <thead>
6616
+ <tr>
6617
+ <th style="text-align:left">Type</th>
6618
+ </tr>
6619
+ </thead>
6620
+ <tbody>
6621
+ <tr>
6622
+ <td style="text-align:left">Color</td>
6623
+ </tr>
6624
+ </tbody>
6625
+ </table>
6626
+ <h4 id="require-11" tabindex="-1">Require</h4>
6627
+ <ul>
6628
+ <li><a href="/frontend/sass/core/breakpoint/#function-get">get()</a></li>
6629
+ </ul>
6630
+ <div class="sassdoc-item-header">
5408
6631
  <h3 id="function-shade" tabindex="-1">shade()</h3>
5409
6632
  <div class="sassdoc-item-header__labels">
5410
6633
  <span class="tag tag--primary"><strong>Function</strong></span>
5411
6634
  </div>
5412
6635
  </div>
5413
- <p>Darken a color with the default black by a percentage</p>
6636
+ <p>Shade (add black) a color with the default black by a percentage</p>
5414
6637
  <details>
5415
6638
  <summary>File Information</summary>
5416
6639
  <ul>
5417
6640
  <li><strong>File:</strong> _color.scss</li>
5418
6641
  <li><strong>Group:</strong> color</li>
5419
6642
  <li><strong>Type:</strong> function</li>
5420
- <li><strong>Lines (comments):</strong> 192-197</li>
5421
- <li><strong>Lines (code):</strong> 199-201</li>
6643
+ <li><strong>Lines (comments):</strong> 212-217</li>
6644
+ <li><strong>Lines (code):</strong> 219-221</li>
5422
6645
  <li><strong>Author:</strong> Kitty Giraudel</li>
5423
6646
  </ul>
5424
6647
  </details>
5425
- <h4 id="parameters-9" tabindex="-1">Parameters</h4>
6648
+ <h4 id="parameters-10" tabindex="-1">Parameters</h4>
5426
6649
  <table>
5427
6650
  <thead>
5428
6651
  <tr>
@@ -5444,7 +6667,7 @@
5444
6667
  </tr>
5445
6668
  </tbody>
5446
6669
  </table>
5447
- <h4 id="returns-4" tabindex="-1">Returns</h4>
6670
+ <h4 id="returns-5" tabindex="-1">Returns</h4>
5448
6671
  <table>
5449
6672
  <thead>
5450
6673
  <tr>
@@ -5461,7 +6684,67 @@
5461
6684
  <ul>
5462
6685
  <li><a href="https://css-tricks.com/snippets/sass/tint-shade-functions/">Modified from source (CSS Tricks, Kitty Giraudel)</a></li>
5463
6686
  </ul>
5464
- <h4 id="require-11" tabindex="-1">Require</h4>
6687
+ <h4 id="require-12" tabindex="-1">Require</h4>
6688
+ <ul>
6689
+ <li><a href="/frontend/sass/core/breakpoint/#function-get">get()</a></li>
6690
+ </ul>
6691
+ <div class="sassdoc-item-header">
6692
+ <h3 id="function-css-shade" tabindex="-1">css-shade()</h3>
6693
+ <div class="sassdoc-item-header__labels">
6694
+ <span class="tag tag--primary"><strong>Function</strong></span>
6695
+ </div>
6696
+ </div>
6697
+ <p>Shade (add black) a color using the default white by a percentage (Using color-mix)</p>
6698
+ <ul>
6699
+ <li>This only works in modern browsers (as of June 2025)</li>
6700
+ <li>These match ulu.color-shade() and are designed to accept the same arguments with the same results</li>
6701
+ </ul>
6702
+ <details>
6703
+ <summary>File Information</summary>
6704
+ <ul>
6705
+ <li><strong>File:</strong> _color.scss</li>
6706
+ <li><strong>Group:</strong> color</li>
6707
+ <li><strong>Type:</strong> function</li>
6708
+ <li><strong>Lines (comments):</strong> 223-228</li>
6709
+ <li><strong>Lines (code):</strong> 230-232</li>
6710
+ </ul>
6711
+ </details>
6712
+ <h4 id="parameters-11" tabindex="-1">Parameters</h4>
6713
+ <table>
6714
+ <thead>
6715
+ <tr>
6716
+ <th style="text-align:left">Name</th>
6717
+ <th style="text-align:left">Type</th>
6718
+ <th style="text-align:left">Description</th>
6719
+ </tr>
6720
+ </thead>
6721
+ <tbody>
6722
+ <tr>
6723
+ <td style="text-align:left">$color</td>
6724
+ <td style="text-align:left"><code>Color, String</code></td>
6725
+ <td style="text-align:left">Color or custom property to apply mix to</td>
6726
+ </tr>
6727
+ <tr>
6728
+ <td style="text-align:left">$percentage</td>
6729
+ <td style="text-align:left"><code>Number</code></td>
6730
+ <td style="text-align:left">Percentage</td>
6731
+ </tr>
6732
+ </tbody>
6733
+ </table>
6734
+ <h4 id="returns-6" tabindex="-1">Returns</h4>
6735
+ <table>
6736
+ <thead>
6737
+ <tr>
6738
+ <th style="text-align:left">Type</th>
6739
+ </tr>
6740
+ </thead>
6741
+ <tbody>
6742
+ <tr>
6743
+ <td style="text-align:left">Color</td>
6744
+ </tr>
6745
+ </tbody>
6746
+ </table>
6747
+ <h4 id="require-13" tabindex="-1">Require</h4>
5465
6748
  <ul>
5466
6749
  <li><a href="/frontend/sass/core/breakpoint/#function-get">get()</a></li>
5467
6750
  </ul>