@ulu/frontend 0.1.0-beta.0 → 0.1.0-beta.10

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 (253) hide show
  1. package/CHANGELOG.md +58 -0
  2. package/docs-dev/assets/chunks/modulepreload-polyfill.DaKOjhqt.js +37 -0
  3. package/docs-dev/assets/favicons/android-chrome-192x192.png +0 -0
  4. package/docs-dev/assets/favicons/android-chrome-256x256.png +0 -0
  5. package/docs-dev/assets/favicons/apple-touch-icon.png +0 -0
  6. package/docs-dev/assets/favicons/browserconfig.xml +9 -0
  7. package/docs-dev/assets/favicons/favicon-16x16.png +0 -0
  8. package/docs-dev/assets/favicons/favicon-32x32.png +0 -0
  9. package/docs-dev/assets/favicons/favicon.ico +0 -0
  10. package/docs-dev/assets/favicons/mstile-150x150.png +0 -0
  11. package/docs-dev/assets/favicons/safari-pinned-tab.svg +1 -0
  12. package/docs-dev/assets/favicons/site.webmanifest +19 -0
  13. package/docs-dev/assets/fonts/fontawesome/fa-brands-400.ttf +0 -0
  14. package/docs-dev/assets/fonts/fontawesome/fa-brands-400.woff2 +0 -0
  15. package/docs-dev/assets/fonts/fontawesome/fa-regular-400.ttf +0 -0
  16. package/docs-dev/assets/fonts/fontawesome/fa-regular-400.woff2 +0 -0
  17. package/docs-dev/assets/fonts/fontawesome/fa-solid-900.ttf +0 -0
  18. package/docs-dev/assets/fonts/fontawesome/fa-solid-900.woff2 +0 -0
  19. package/docs-dev/assets/fonts/fontawesome/fa-v4compatibility.ttf +0 -0
  20. package/docs-dev/assets/fonts/fontawesome/fa-v4compatibility.woff2 +0 -0
  21. package/docs-dev/assets/fonts/inter/Inter-Black.woff2 +0 -0
  22. package/docs-dev/assets/fonts/inter/Inter-BlackItalic.woff2 +0 -0
  23. package/docs-dev/assets/fonts/inter/Inter-Bold.woff2 +0 -0
  24. package/docs-dev/assets/fonts/inter/Inter-BoldItalic.woff2 +0 -0
  25. package/docs-dev/assets/fonts/inter/Inter-ExtraBold.woff2 +0 -0
  26. package/docs-dev/assets/fonts/inter/Inter-ExtraBoldItalic.woff2 +0 -0
  27. package/docs-dev/assets/fonts/inter/Inter-ExtraLight.woff2 +0 -0
  28. package/docs-dev/assets/fonts/inter/Inter-ExtraLightItalic.woff2 +0 -0
  29. package/docs-dev/assets/fonts/inter/Inter-Italic.woff2 +0 -0
  30. package/docs-dev/assets/fonts/inter/Inter-Light.woff2 +0 -0
  31. package/docs-dev/assets/fonts/inter/Inter-LightItalic.woff2 +0 -0
  32. package/docs-dev/assets/fonts/inter/Inter-Medium.woff2 +0 -0
  33. package/docs-dev/assets/fonts/inter/Inter-MediumItalic.woff2 +0 -0
  34. package/docs-dev/assets/fonts/inter/Inter-Regular.woff2 +0 -0
  35. package/docs-dev/assets/fonts/inter/Inter-SemiBold.woff2 +0 -0
  36. package/docs-dev/assets/fonts/inter/Inter-SemiBoldItalic.woff2 +0 -0
  37. package/docs-dev/assets/fonts/inter/Inter-Thin.woff2 +0 -0
  38. package/docs-dev/assets/fonts/inter/Inter-ThinItalic.woff2 +0 -0
  39. package/docs-dev/assets/fonts/inter/InterDisplay-Black.woff2 +0 -0
  40. package/docs-dev/assets/fonts/inter/InterDisplay-BlackItalic.woff2 +0 -0
  41. package/docs-dev/assets/fonts/inter/InterDisplay-Bold.woff2 +0 -0
  42. package/docs-dev/assets/fonts/inter/InterDisplay-BoldItalic.woff2 +0 -0
  43. package/docs-dev/assets/fonts/inter/InterDisplay-ExtraBold.woff2 +0 -0
  44. package/docs-dev/assets/fonts/inter/InterDisplay-ExtraBoldItalic.woff2 +0 -0
  45. package/docs-dev/assets/fonts/inter/InterDisplay-ExtraLight.woff2 +0 -0
  46. package/docs-dev/assets/fonts/inter/InterDisplay-ExtraLightItalic.woff2 +0 -0
  47. package/docs-dev/assets/fonts/inter/InterDisplay-Italic.woff2 +0 -0
  48. package/docs-dev/assets/fonts/inter/InterDisplay-Light.woff2 +0 -0
  49. package/docs-dev/assets/fonts/inter/InterDisplay-LightItalic.woff2 +0 -0
  50. package/docs-dev/assets/fonts/inter/InterDisplay-Medium.woff2 +0 -0
  51. package/docs-dev/assets/fonts/inter/InterDisplay-MediumItalic.woff2 +0 -0
  52. package/docs-dev/assets/fonts/inter/InterDisplay-Regular.woff2 +0 -0
  53. package/docs-dev/assets/fonts/inter/InterDisplay-SemiBold.woff2 +0 -0
  54. package/docs-dev/assets/fonts/inter/InterDisplay-SemiBoldItalic.woff2 +0 -0
  55. package/docs-dev/assets/fonts/inter/InterDisplay-Thin.woff2 +0 -0
  56. package/docs-dev/assets/fonts/inter/InterDisplay-ThinItalic.woff2 +0 -0
  57. package/docs-dev/assets/fonts/inter/InterVariable-Italic.woff2 +0 -0
  58. package/docs-dev/assets/fonts/inter/InterVariable.woff2 +0 -0
  59. package/docs-dev/assets/fonts/inter/LICENSE.txt +92 -0
  60. package/docs-dev/assets/fonts/inter/inter.css +37 -0
  61. package/docs-dev/assets/main.js +15657 -0
  62. package/docs-dev/assets/placeholder/4065947-uhd_4096_2160_25fps.credits.txt +2 -0
  63. package/docs-dev/assets/placeholder/4065947-uhd_4096_2160_25fps.mp4 +0 -0
  64. package/docs-dev/assets/placeholder/image-1-attribution.txt +7 -0
  65. package/docs-dev/assets/placeholder/image-1-darkened.jpg +0 -0
  66. package/docs-dev/assets/placeholder/image-1-lightened.jpg +0 -0
  67. package/docs-dev/assets/placeholder/image-1.jpg +0 -0
  68. package/docs-dev/assets/style.css +18702 -0
  69. package/docs-dev/demos/accordion/index.html +4899 -0
  70. package/docs-dev/demos/button/index.html +4711 -0
  71. package/docs-dev/demos/callout/index.html +4751 -0
  72. package/docs-dev/demos/captioned-figure/index.html +4773 -0
  73. package/docs-dev/demos/card/index.html +5130 -0
  74. package/docs-dev/demos/css-icons/index.html +5362 -0
  75. package/docs-dev/demos/data-grid/index.html +5616 -0
  76. package/docs-dev/demos/data-table/index.html +4787 -0
  77. package/docs-dev/demos/file-save/index.html +4762 -0
  78. package/docs-dev/demos/flipcard/index.html +5311 -0
  79. package/docs-dev/demos/form-theme/index.html +4942 -0
  80. package/docs-dev/demos/hero/index.html +301 -0
  81. package/docs-dev/demos/image-grid/index.html +157 -0
  82. package/docs-dev/demos/index.html +4700 -0
  83. package/docs-dev/demos/list-inline/index.html +4727 -0
  84. package/docs-dev/demos/list-inline.1/index.html +4727 -0
  85. package/docs-dev/demos/list-lines/index.html +4717 -0
  86. package/docs-dev/demos/menu-stack/index.html +4841 -0
  87. package/docs-dev/demos/modals/index.html +4808 -0
  88. package/docs-dev/demos/nav-strip/index.html +4812 -0
  89. package/docs-dev/demos/overlay-section/index.html +4718 -0
  90. package/docs-dev/demos/popovers/index.html +4718 -0
  91. package/docs-dev/demos/print/index.html +4720 -0
  92. package/docs-dev/demos/pull-quote/index.html +4719 -0
  93. package/docs-dev/demos/rule/index.html +4769 -0
  94. package/docs-dev/demos/scroll-slider/index.html +204 -0
  95. package/docs-dev/demos/scrollpoints/index.html +4738 -0
  96. package/docs-dev/demos/slider/index.html +164 -0
  97. package/docs-dev/demos/spoke-spinner/index.html +4715 -0
  98. package/docs-dev/demos/tabs/index.html +4804 -0
  99. package/docs-dev/demos/tag/index.html +4720 -0
  100. package/docs-dev/demos/tile-grid-overlay/index.html +382 -0
  101. package/docs-dev/demos/tiles/index.html +4969 -0
  102. package/docs-dev/demos/tooltip/index.html +4748 -0
  103. package/docs-dev/guide/building-stylesheet/index.html +4769 -0
  104. package/docs-dev/guide/developing-ulu-scss-module/index.html +4821 -0
  105. package/docs-dev/guide/index.html +4702 -0
  106. package/docs-dev/index.html +4749 -0
  107. package/docs-dev/javascript/events/index.html +4860 -0
  108. package/docs-dev/javascript/index.html +4715 -0
  109. package/docs-dev/javascript/ui-breakpoints/index.html +5160 -0
  110. package/docs-dev/javascript/ui-collapsible/index.html +4827 -0
  111. package/docs-dev/javascript/ui-dialog/index.html +4861 -0
  112. package/docs-dev/javascript/ui-flipcard/index.html +4711 -0
  113. package/docs-dev/javascript/ui-grid/index.html +4768 -0
  114. package/docs-dev/javascript/ui-modal-builder/index.html +4850 -0
  115. package/docs-dev/javascript/ui-overflow-scroller/index.html +4700 -0
  116. package/docs-dev/javascript/ui-overflow-scroller-pager/index.html +4718 -0
  117. package/docs-dev/javascript/ui-page/index.html +4715 -0
  118. package/docs-dev/javascript/ui-popover/index.html +4754 -0
  119. package/docs-dev/javascript/ui-print/index.html +4767 -0
  120. package/docs-dev/javascript/ui-print-details/index.html +4730 -0
  121. package/docs-dev/javascript/ui-programmatic-modal/index.html +4700 -0
  122. package/docs-dev/javascript/ui-proxy-click/index.html +4744 -0
  123. package/docs-dev/javascript/ui-resizer/index.html +4770 -0
  124. package/docs-dev/javascript/ui-scroll-slider/index.html +4729 -0
  125. package/docs-dev/javascript/ui-scrollpoint/index.html +4947 -0
  126. package/docs-dev/javascript/ui-slider/index.html +4711 -0
  127. package/docs-dev/javascript/ui-tabs/index.html +4832 -0
  128. package/docs-dev/javascript/ui-tooltip/index.html +4847 -0
  129. package/docs-dev/javascript/utils-class-logger/index.html +4835 -0
  130. package/docs-dev/javascript/utils-dom/index.html +4880 -0
  131. package/docs-dev/javascript/utils-file-save/index.html +4872 -0
  132. package/docs-dev/javascript/utils-floating-ui/index.html +4732 -0
  133. package/docs-dev/javascript/utils-id/index.html +4742 -0
  134. package/docs-dev/javascript/utils-pause-youtube-video/index.html +4750 -0
  135. package/docs-dev/sass/base/color/index.html +4733 -0
  136. package/docs-dev/sass/base/elements/index.html +4904 -0
  137. package/docs-dev/sass/base/index/index.html +4903 -0
  138. package/docs-dev/sass/base/index.html +4709 -0
  139. package/docs-dev/sass/base/keyframes/index.html +4735 -0
  140. package/docs-dev/sass/base/layout/index.html +4895 -0
  141. package/docs-dev/sass/base/normalize/index.html +4743 -0
  142. package/docs-dev/sass/base/print/index.html +4739 -0
  143. package/docs-dev/sass/base/root/index.html +4759 -0
  144. package/docs-dev/sass/base/typography/index.html +4759 -0
  145. package/docs-dev/sass/components/accordion/index.html +5061 -0
  146. package/docs-dev/sass/components/adaptive-spacing/index.html +5004 -0
  147. package/docs-dev/sass/components/badge/index.html +4952 -0
  148. package/docs-dev/sass/components/button/index.html +4888 -0
  149. package/docs-dev/sass/components/button-verbose/index.html +5000 -0
  150. package/docs-dev/sass/components/callout/index.html +5031 -0
  151. package/docs-dev/sass/components/captioned-figure/index.html +4878 -0
  152. package/docs-dev/sass/components/card/index.html +5236 -0
  153. package/docs-dev/sass/components/card-grid/index.html +4902 -0
  154. package/docs-dev/sass/components/css-icon/index.html +5006 -0
  155. package/docs-dev/sass/components/data-grid/index.html +5134 -0
  156. package/docs-dev/sass/components/data-table/index.html +4887 -0
  157. package/docs-dev/sass/components/fill-context/index.html +4768 -0
  158. package/docs-dev/sass/components/flipcard/index.html +5038 -0
  159. package/docs-dev/sass/components/flipcard-grid/index.html +4889 -0
  160. package/docs-dev/sass/components/form-theme/index.html +5518 -0
  161. package/docs-dev/sass/components/hero/index.html +4890 -0
  162. package/docs-dev/sass/components/horizontal-rule/index.html +4887 -0
  163. package/docs-dev/sass/components/image-grid/index.html +4894 -0
  164. package/docs-dev/sass/components/index/index.html +4939 -0
  165. package/docs-dev/sass/components/index.html +4709 -0
  166. package/docs-dev/sass/components/links/index.html +4738 -0
  167. package/docs-dev/sass/components/list-inline/index.html +4908 -0
  168. package/docs-dev/sass/components/list-lines/index.html +4929 -0
  169. package/docs-dev/sass/components/list-ordered/index.html +4734 -0
  170. package/docs-dev/sass/components/list-unordered/index.html +4738 -0
  171. package/docs-dev/sass/components/menu-stack/index.html +5067 -0
  172. package/docs-dev/sass/components/modal/index.html +5122 -0
  173. package/docs-dev/sass/components/nav-strip/index.html +4988 -0
  174. package/docs-dev/sass/components/overlay-section/index.html +4932 -0
  175. package/docs-dev/sass/components/pager/index.html +5050 -0
  176. package/docs-dev/sass/components/placeholder-block/index.html +4972 -0
  177. package/docs-dev/sass/components/popover/index.html +5047 -0
  178. package/docs-dev/sass/components/pull-quote/index.html +4946 -0
  179. package/docs-dev/sass/components/ratio-box/index.html +4892 -0
  180. package/docs-dev/sass/components/rule/index.html +4894 -0
  181. package/docs-dev/sass/components/scroll-slider/index.html +5005 -0
  182. package/docs-dev/sass/components/skip-link/index.html +4878 -0
  183. package/docs-dev/sass/components/slider/index.html +5014 -0
  184. package/docs-dev/sass/components/spoke-spinner/index.html +4952 -0
  185. package/docs-dev/sass/components/tabs/index.html +5028 -0
  186. package/docs-dev/sass/components/tag/index.html +5053 -0
  187. package/docs-dev/sass/components/tile-button/index.html +4933 -0
  188. package/docs-dev/sass/components/tile-grid/index.html +5068 -0
  189. package/docs-dev/sass/components/tile-grid-overlay/index.html +4869 -0
  190. package/docs-dev/sass/components/vignette/index.html +4882 -0
  191. package/docs-dev/sass/components/wysiwyg/index.html +4898 -0
  192. package/docs-dev/sass/core/breakpoint/index.html +5491 -0
  193. package/docs-dev/sass/core/button/index.html +5625 -0
  194. package/docs-dev/sass/core/color/index.html +5476 -0
  195. package/docs-dev/sass/core/cssvar/index.html +5500 -0
  196. package/docs-dev/sass/core/element/index.html +5623 -0
  197. package/docs-dev/sass/core/index.html +4698 -0
  198. package/docs-dev/sass/core/layout/index.html +5458 -0
  199. package/docs-dev/sass/core/path/index.html +4867 -0
  200. package/docs-dev/sass/core/selector/index.html +4946 -0
  201. package/docs-dev/sass/core/typography/index.html +5872 -0
  202. package/docs-dev/sass/core/units/index.html +4905 -0
  203. package/docs-dev/sass/core/utils/index.html +6346 -0
  204. package/docs-dev/sass/helpers/color/index.html +4733 -0
  205. package/docs-dev/sass/helpers/display/index.html +4738 -0
  206. package/docs-dev/sass/helpers/index/index.html +4900 -0
  207. package/docs-dev/sass/helpers/index.html +4709 -0
  208. package/docs-dev/sass/helpers/print/index.html +4738 -0
  209. package/docs-dev/sass/helpers/typography/index.html +4761 -0
  210. package/docs-dev/sass/helpers/units/index.html +4907 -0
  211. package/docs-dev/sass/helpers/utilities/index.html +4738 -0
  212. package/docs-dev/sass/index.html +4760 -0
  213. package/js/ui/modal-builder.js +1 -1
  214. package/js/ui/tabs.js +24 -4
  215. package/package.json +8 -10
  216. package/scss/_color.scss +2 -1
  217. package/scss/base/_typography.scss +7 -7
  218. package/scss/components/_accordion.scss +15 -15
  219. package/scss/components/_adaptive-spacing.scss +3 -3
  220. package/scss/components/_badge.scss +5 -4
  221. package/scss/components/_button-verbose.scss +22 -22
  222. package/scss/components/_button.scss +2 -0
  223. package/scss/components/_callout.scss +8 -7
  224. package/scss/components/_captioned-figure.scss +8 -8
  225. package/scss/components/_card-grid.scss +2 -2
  226. package/scss/components/_card.scss +46 -32
  227. package/scss/components/_css-icon.scss +18 -13
  228. package/scss/components/_data-grid.scss +2 -2
  229. package/scss/components/_data-table.scss +9 -5
  230. package/scss/components/_flipcard-grid.scss +2 -2
  231. package/scss/components/_flipcard.scss +15 -14
  232. package/scss/components/_form-theme.scss +30 -30
  233. package/scss/components/_hero.scss +2 -2
  234. package/scss/components/_image-grid.scss +2 -2
  235. package/scss/components/_index.scss +6 -0
  236. package/scss/components/_list-inline.scss +80 -0
  237. package/scss/components/_list-lines.scss +46 -35
  238. package/scss/components/_list-ordered.scss +0 -1
  239. package/scss/components/_menu-stack.scss +3 -4
  240. package/scss/components/_modal.scss +24 -33
  241. package/scss/components/_nav-strip.scss +26 -19
  242. package/scss/components/_overlay-section.scss +4 -4
  243. package/scss/components/_pager.scss +11 -11
  244. package/scss/components/_placeholder-block.scss +6 -6
  245. package/scss/components/_popover.scss +11 -11
  246. package/scss/components/_pull-quote.scss +2 -2
  247. package/scss/components/_ratio-box.scss +2 -2
  248. package/scss/components/_rule.scss +5 -6
  249. package/scss/components/_scroll-slider.scss +3 -3
  250. package/scss/components/_skip-link.scss +2 -1
  251. package/scss/components/_slider.scss +18 -54
  252. package/scss/components/_tabs.scss +119 -53
  253. package/scss/components/_tag.scss +15 -1
package/docs-dev/demos/nav-strip/index.html ADDED
@@ -0,0 +1,4812 @@
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
+ Nav Strip
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 ">
358
+
359
+ <a class="nav-tree__link " href="/frontend/demos/list-lines/">
360
+
361
+
362
+ <span class="nav-tree__text">
363
+ List Lines
364
+ </span>
365
+
366
+ </a>
367
+
368
+
369
+ </li>
370
+
371
+
372
+ <li class="nav-tree__item ">
373
+
374
+ <a class="nav-tree__link " href="/frontend/demos/menu-stack/">
375
+
376
+
377
+ <span class="nav-tree__text">
378
+ Menu Stack
379
+ </span>
380
+
381
+ </a>
382
+
383
+
384
+ </li>
385
+
386
+
387
+ <li class="nav-tree__item ">
388
+
389
+ <a class="nav-tree__link " href="/frontend/demos/modals/">
390
+
391
+
392
+ <span class="nav-tree__text">
393
+ Modals
394
+ </span>
395
+
396
+ </a>
397
+
398
+
399
+ </li>
400
+
401
+
402
+ <li class="nav-tree__item is-active is-active-trail">
403
+
404
+ <a class="nav-tree__link is-active is-active-trail" href="/frontend/demos/nav-strip/" aria-current="page">
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 ">
2662
+
2663
+ <a class="nav-tree__link " href="/frontend/demos/list-lines/">
2664
+
2665
+
2666
+ <span class="nav-tree__text">
2667
+ List Lines
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 is-active is-active-trail">
2707
+
2708
+ <a class="nav-tree__link is-active is-active-trail" href="/frontend/demos/nav-strip/" aria-current="page">
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">Nav Strip</h1>
4684
+
4685
+ <p class="type-large type-light">
4686
+ A horizontal navigation strip or rail that displays a list of links to different pages or sections of a website. The active link, indicating the current page or section, is visually emphasized with an underline.
4687
+ </p>
4688
+
4689
+ <hr class="rule rule--light rule--margin-large">
4690
+ <h2 class="h2">Default Example</h2>
4691
+ <div class="nav-strip">
4692
+ <ul class="nav-strip__list">
4693
+ <li class="nav-strip__item">
4694
+ <a href="#" class="nav-strip__link ">
4695
+ Link Number 1
4696
+ </a>
4697
+ </li><li class="nav-strip__item">
4698
+ <a href="#" class="nav-strip__link is-active">
4699
+ Link Number 2
4700
+ </a>
4701
+ </li><li class="nav-strip__item">
4702
+ <a href="#" class="nav-strip__link ">
4703
+ Link Number 3
4704
+ </a>
4705
+ </li><li class="nav-strip__item">
4706
+ <a href="#" class="nav-strip__link ">
4707
+ Link Number 4
4708
+ </a>
4709
+ </li>
4710
+ </ul>
4711
+ </div>
4712
+ <h2 class="h2">Using Automatic Modifier</h2>
4713
+ <div class="nav-strip nav-strip--auto">
4714
+ <ul>
4715
+ <li>
4716
+ <a href="#" class="">
4717
+ Link Number 1
4718
+ </a>
4719
+ </li><li>
4720
+ <a href="#" class="is-active">
4721
+ Link Number 2
4722
+ </a>
4723
+ </li><li>
4724
+ <a href="#" class="">
4725
+ Link Number 3
4726
+ </a>
4727
+ </li><li>
4728
+ <a href="#" class="">
4729
+ Link Number 4
4730
+ </a>
4731
+ </li>
4732
+ </ul>
4733
+ </div>
4734
+ <h2 class="h2">Center Modifier</h2>
4735
+ <div class="nav-strip nav-strip--center">
4736
+ <ul class="nav-strip__list">
4737
+ <li class="nav-strip__item">
4738
+ <a href="#" class="nav-strip__link ">
4739
+ Link Number 1
4740
+ </a>
4741
+ </li><li class="nav-strip__item">
4742
+ <a href="#" class="nav-strip__link is-active">
4743
+ Link Number 2
4744
+ </a>
4745
+ </li><li class="nav-strip__item">
4746
+ <a href="#" class="nav-strip__link ">
4747
+ Link Number 3
4748
+ </a>
4749
+ </li><li class="nav-strip__item">
4750
+ <a href="#" class="nav-strip__link ">
4751
+ Link Number 4
4752
+ </a>
4753
+ </li>
4754
+ </ul>
4755
+ </div>
4756
+ <h2 class="h2">Right Modifier</h2>
4757
+ <div class="nav-strip nav-strip--right">
4758
+ <ul class="nav-strip__list">
4759
+ <li class="nav-strip__item">
4760
+ <a href="#" class="nav-strip__link ">
4761
+ Link Number 1
4762
+ </a>
4763
+ </li><li class="nav-strip__item">
4764
+ <a href="#" class="nav-strip__link is-active">
4765
+ Link Number 2
4766
+ </a>
4767
+ </li><li class="nav-strip__item">
4768
+ <a href="#" class="nav-strip__link ">
4769
+ Link Number 3
4770
+ </a>
4771
+ </li><li class="nav-strip__item">
4772
+ <a href="#" class="nav-strip__link ">
4773
+ Link Number 4
4774
+ </a>
4775
+ </li>
4776
+ </ul>
4777
+ </div>
4778
+ <h2 class="h2">Rule Modifier</h2>
4779
+ <div class="nav-strip nav-strip--rule">
4780
+ <ul class="nav-strip__list">
4781
+ <li class="nav-strip__item">
4782
+ <a href="#" class="nav-strip__link ">
4783
+ Link Number 1
4784
+ </a>
4785
+ </li><li class="nav-strip__item">
4786
+ <a href="#" class="nav-strip__link is-active">
4787
+ Link Number 2
4788
+ </a>
4789
+ </li><li class="nav-strip__item">
4790
+ <a href="#" class="nav-strip__link ">
4791
+ Link Number 3
4792
+ </a>
4793
+ </li><li class="nav-strip__item">
4794
+ <a href="#" class="nav-strip__link ">
4795
+ Link Number 4
4796
+ </a>
4797
+ </li>
4798
+ </ul>
4799
+ </div>
4800
+ </div>
4801
+
4802
+ </main>
4803
+ <footer></footer>
4804
+
4805
+
4806
+ <script src="http://localhost:5173/@vite/client" type="module"></script>
4807
+ <script src="http://localhost:5173/docs-src/src/main.js" type="module"></script>
4808
+
4809
+
4810
+
4811
+ </body>
4812
+ </html>