@ulu/frontend 0.1.0-beta.4 → 0.1.0-beta.40

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