@ulu/frontend 0.1.0-beta.67 → 0.1.0-beta.68

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 (161) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/README.dev.md +1 -1
  3. package/README.md +13 -9
  4. package/dist/ulu-frontend.min.css +1 -1
  5. package/docs-dev/changelog/index.html +47 -4
  6. package/docs-dev/demos/accordion/index.html +30 -0
  7. package/docs-dev/demos/badge/index.html +5265 -0
  8. package/docs-dev/demos/breakpoints-manager/index.html +30 -0
  9. package/docs-dev/demos/button/index.html +30 -0
  10. package/docs-dev/demos/button-verbose/index.html +30 -0
  11. package/docs-dev/demos/callout/index.html +30 -0
  12. package/docs-dev/demos/captioned-figure/index.html +30 -0
  13. package/docs-dev/demos/card/index.html +46 -16
  14. package/docs-dev/demos/card-grid/index.html +30 -0
  15. package/docs-dev/demos/counter-list/index.html +30 -0
  16. package/docs-dev/demos/css-icons/index.html +30 -0
  17. package/docs-dev/demos/data-grid/index.html +30 -0
  18. package/docs-dev/demos/data-table/index.html +130 -100
  19. package/docs-dev/demos/details-group/index.html +30 -0
  20. package/docs-dev/demos/file-save/index.html +30 -0
  21. package/docs-dev/demos/flipcard/index.html +30 -0
  22. package/docs-dev/demos/form-theme/index.html +30 -0
  23. package/docs-dev/demos/index.html +30 -0
  24. package/docs-dev/demos/list-inline/index.html +30 -0
  25. package/docs-dev/demos/list-lines/index.html +30 -0
  26. package/docs-dev/demos/menu-stack/index.html +30 -0
  27. package/docs-dev/demos/modals/index.html +30 -0
  28. package/docs-dev/demos/nav-strip/index.html +30 -0
  29. package/docs-dev/demos/overlay-section/index.html +30 -0
  30. package/docs-dev/demos/popovers/index.html +30 -0
  31. package/docs-dev/demos/print/index.html +30 -0
  32. package/docs-dev/demos/pull-quote/index.html +30 -0
  33. package/docs-dev/demos/rule/index.html +30 -0
  34. package/docs-dev/demos/scrollpoints/index.html +30 -0
  35. package/docs-dev/demos/spoke-spinner/index.html +30 -0
  36. package/docs-dev/demos/sticky-list/index.html +30 -0
  37. package/docs-dev/demos/tabs/index.html +30 -0
  38. package/docs-dev/demos/tag/index.html +30 -0
  39. package/docs-dev/demos/theme-toggle/index.html +30 -0
  40. package/docs-dev/demos/tiles/index.html +30 -0
  41. package/docs-dev/demos/tooltip/index.html +30 -0
  42. package/docs-dev/guide/building-stylesheet/index.html +30 -0
  43. package/docs-dev/guide/developing-ulu-scss-module/index.html +30 -0
  44. package/docs-dev/guide/index.html +30 -0
  45. package/docs-dev/index.html +30 -0
  46. package/docs-dev/javascript/events/index.html +30 -0
  47. package/docs-dev/javascript/index.html +30 -0
  48. package/docs-dev/javascript/settings/index.html +30 -0
  49. package/docs-dev/javascript/ui-breakpoints/index.html +30 -0
  50. package/docs-dev/javascript/ui-collapsible/index.html +30 -0
  51. package/docs-dev/javascript/ui-details-group/index.html +30 -0
  52. package/docs-dev/javascript/ui-dialog/index.html +30 -0
  53. package/docs-dev/javascript/ui-flipcard/index.html +30 -0
  54. package/docs-dev/javascript/ui-grid/index.html +30 -0
  55. package/docs-dev/javascript/ui-modal-builder/index.html +30 -0
  56. package/docs-dev/javascript/ui-overflow-scroller/index.html +30 -0
  57. package/docs-dev/javascript/ui-overflow-scroller-pager/index.html +30 -0
  58. package/docs-dev/javascript/ui-page/index.html +30 -0
  59. package/docs-dev/javascript/ui-popover/index.html +30 -0
  60. package/docs-dev/javascript/ui-print/index.html +30 -0
  61. package/docs-dev/javascript/ui-print-details/index.html +30 -0
  62. package/docs-dev/javascript/ui-programmatic-modal/index.html +30 -0
  63. package/docs-dev/javascript/ui-proxy-click/index.html +30 -0
  64. package/docs-dev/javascript/ui-resizer/index.html +30 -0
  65. package/docs-dev/javascript/ui-scroll-slider/index.html +30 -0
  66. package/docs-dev/javascript/ui-scrollpoint/index.html +30 -0
  67. package/docs-dev/javascript/ui-slider/index.html +30 -0
  68. package/docs-dev/javascript/ui-tabs/index.html +30 -0
  69. package/docs-dev/javascript/ui-theme-toggle/index.html +30 -0
  70. package/docs-dev/javascript/ui-tooltip/index.html +30 -0
  71. package/docs-dev/javascript/utils-class-logger/index.html +30 -0
  72. package/docs-dev/javascript/utils-css/index.html +30 -0
  73. package/docs-dev/javascript/utils-dom/index.html +30 -0
  74. package/docs-dev/javascript/utils-file-save/index.html +30 -0
  75. package/docs-dev/javascript/utils-floating-ui/index.html +30 -0
  76. package/docs-dev/javascript/utils-id/index.html +30 -0
  77. package/docs-dev/javascript/utils-pause-youtube-video/index.html +30 -0
  78. package/docs-dev/javascript/utils-system/index.html +30 -0
  79. package/docs-dev/sass/base/color/index.html +30 -0
  80. package/docs-dev/sass/base/elements/index.html +30 -0
  81. package/docs-dev/sass/base/index/index.html +30 -0
  82. package/docs-dev/sass/base/index.html +30 -0
  83. package/docs-dev/sass/base/keyframes/index.html +30 -0
  84. package/docs-dev/sass/base/layout/index.html +30 -0
  85. package/docs-dev/sass/base/normalize/index.html +30 -0
  86. package/docs-dev/sass/base/print/index.html +30 -0
  87. package/docs-dev/sass/base/root/index.html +30 -0
  88. package/docs-dev/sass/base/typography/index.html +30 -0
  89. package/docs-dev/sass/components/accordion/index.html +30 -0
  90. package/docs-dev/sass/components/adaptive-spacing/index.html +30 -0
  91. package/docs-dev/sass/components/badge/index.html +52 -11
  92. package/docs-dev/sass/components/basic-hero/index.html +30 -0
  93. package/docs-dev/sass/components/button/index.html +30 -0
  94. package/docs-dev/sass/components/button-verbose/index.html +30 -0
  95. package/docs-dev/sass/components/callout/index.html +30 -0
  96. package/docs-dev/sass/components/captioned-figure/index.html +30 -0
  97. package/docs-dev/sass/components/card/index.html +30 -0
  98. package/docs-dev/sass/components/card-grid/index.html +30 -0
  99. package/docs-dev/sass/components/counter-list/index.html +44 -8
  100. package/docs-dev/sass/components/css-icon/index.html +30 -0
  101. package/docs-dev/sass/components/data-grid/index.html +30 -0
  102. package/docs-dev/sass/components/data-table/index.html +30 -0
  103. package/docs-dev/sass/components/fill-context/index.html +30 -0
  104. package/docs-dev/sass/components/flipcard/index.html +30 -0
  105. package/docs-dev/sass/components/flipcard-grid/index.html +30 -0
  106. package/docs-dev/sass/components/form-theme/index.html +30 -0
  107. package/docs-dev/sass/components/hero/index.html +30 -0
  108. package/docs-dev/sass/components/horizontal-rule/index.html +30 -0
  109. package/docs-dev/sass/components/image-grid/index.html +30 -0
  110. package/docs-dev/sass/components/index/index.html +30 -0
  111. package/docs-dev/sass/components/index.html +30 -0
  112. package/docs-dev/sass/components/links/index.html +30 -0
  113. package/docs-dev/sass/components/list-inline/index.html +30 -0
  114. package/docs-dev/sass/components/list-lines/index.html +30 -0
  115. package/docs-dev/sass/components/list-ordered/index.html +30 -0
  116. package/docs-dev/sass/components/list-unordered/index.html +30 -0
  117. package/docs-dev/sass/components/menu-stack/index.html +30 -0
  118. package/docs-dev/sass/components/modal/index.html +30 -0
  119. package/docs-dev/sass/components/nav-strip/index.html +30 -0
  120. package/docs-dev/sass/components/overlay-section/index.html +30 -0
  121. package/docs-dev/sass/components/pager/index.html +30 -0
  122. package/docs-dev/sass/components/placeholder-block/index.html +30 -0
  123. package/docs-dev/sass/components/popover/index.html +30 -0
  124. package/docs-dev/sass/components/pull-quote/index.html +30 -0
  125. package/docs-dev/sass/components/ratio-box/index.html +30 -0
  126. package/docs-dev/sass/components/rule/index.html +30 -0
  127. package/docs-dev/sass/components/scroll-slider/index.html +30 -0
  128. package/docs-dev/sass/components/skip-link/index.html +30 -0
  129. package/docs-dev/sass/components/slider/index.html +30 -0
  130. package/docs-dev/sass/components/spoke-spinner/index.html +30 -0
  131. package/docs-dev/sass/components/sticky-list/index.html +30 -0
  132. package/docs-dev/sass/components/tabs/index.html +30 -0
  133. package/docs-dev/sass/components/tag/index.html +30 -0
  134. package/docs-dev/sass/components/tile-button/index.html +30 -0
  135. package/docs-dev/sass/components/tile-grid/index.html +30 -0
  136. package/docs-dev/sass/components/tile-grid-overlay/index.html +30 -0
  137. package/docs-dev/sass/components/vignette/index.html +30 -0
  138. package/docs-dev/sass/components/wysiwyg/index.html +30 -0
  139. package/docs-dev/sass/core/breakpoint/index.html +30 -0
  140. package/docs-dev/sass/core/button/index.html +30 -0
  141. package/docs-dev/sass/core/color/index.html +30 -0
  142. package/docs-dev/sass/core/cssvar/index.html +30 -0
  143. package/docs-dev/sass/core/element/index.html +30 -0
  144. package/docs-dev/sass/core/index.html +30 -0
  145. package/docs-dev/sass/core/layout/index.html +30 -0
  146. package/docs-dev/sass/core/path/index.html +30 -0
  147. package/docs-dev/sass/core/selector/index.html +30 -0
  148. package/docs-dev/sass/core/typography/index.html +30 -0
  149. package/docs-dev/sass/core/units/index.html +30 -0
  150. package/docs-dev/sass/core/utils/index.html +30 -0
  151. package/docs-dev/sass/helpers/color/index.html +30 -0
  152. package/docs-dev/sass/helpers/display/index.html +30 -0
  153. package/docs-dev/sass/helpers/index/index.html +30 -0
  154. package/docs-dev/sass/helpers/index.html +30 -0
  155. package/docs-dev/sass/helpers/typography/index.html +30 -0
  156. package/docs-dev/sass/helpers/units/index.html +30 -0
  157. package/docs-dev/sass/helpers/utilities/index.html +30 -0
  158. package/docs-dev/sass/index.html +30 -0
  159. package/package.json +11 -3
  160. package/scss/README.md +4 -0
  161. package/scss/components/_badge.scss +23 -4
@@ -166,6 +166,21 @@
166
166
  </li>
167
167
 
168
168
 
169
+ <li class="nav-tree__item ">
170
+
171
+ <a class="nav-tree__link " href="/frontend/demos/badge/">
172
+
173
+
174
+ <span class="nav-tree__text">
175
+ Badge
176
+ </span>
177
+
178
+ </a>
179
+
180
+
181
+ </li>
182
+
183
+
169
184
  <li class="nav-tree__item ">
170
185
 
171
186
  <a class="nav-tree__link " href="/frontend/demos/basic-hero/">
@@ -2712,6 +2727,21 @@
2712
2727
  </li>
2713
2728
 
2714
2729
 
2730
+ <li class="nav-tree__item ">
2731
+
2732
+ <a class="nav-tree__link " href="/frontend/demos/badge/">
2733
+
2734
+
2735
+ <span class="nav-tree__text">
2736
+ Badge
2737
+ </span>
2738
+
2739
+ </a>
2740
+
2741
+
2742
+ </li>
2743
+
2744
+
2715
2745
  <li class="nav-tree__item ">
2716
2746
 
2717
2747
  <a class="nav-tree__link " href="/frontend/demos/basic-hero/">
@@ -166,6 +166,21 @@
166
166
  </li>
167
167
 
168
168
 
169
+ <li class="nav-tree__item ">
170
+
171
+ <a class="nav-tree__link " href="/frontend/demos/badge/">
172
+
173
+
174
+ <span class="nav-tree__text">
175
+ Badge
176
+ </span>
177
+
178
+ </a>
179
+
180
+
181
+ </li>
182
+
183
+
169
184
  <li class="nav-tree__item ">
170
185
 
171
186
  <a class="nav-tree__link " href="/frontend/demos/basic-hero/">
@@ -2712,6 +2727,21 @@
2712
2727
  </li>
2713
2728
 
2714
2729
 
2730
+ <li class="nav-tree__item ">
2731
+
2732
+ <a class="nav-tree__link " href="/frontend/demos/badge/">
2733
+
2734
+
2735
+ <span class="nav-tree__text">
2736
+ Badge
2737
+ </span>
2738
+
2739
+ </a>
2740
+
2741
+
2742
+ </li>
2743
+
2744
+
2715
2745
  <li class="nav-tree__item ">
2716
2746
 
2717
2747
  <a class="nav-tree__link " href="/frontend/demos/basic-hero/">
@@ -166,6 +166,21 @@
166
166
  </li>
167
167
 
168
168
 
169
+ <li class="nav-tree__item ">
170
+
171
+ <a class="nav-tree__link " href="/frontend/demos/badge/">
172
+
173
+
174
+ <span class="nav-tree__text">
175
+ Badge
176
+ </span>
177
+
178
+ </a>
179
+
180
+
181
+ </li>
182
+
183
+
169
184
  <li class="nav-tree__item ">
170
185
 
171
186
  <a class="nav-tree__link " href="/frontend/demos/basic-hero/">
@@ -2712,6 +2727,21 @@
2712
2727
  </li>
2713
2728
 
2714
2729
 
2730
+ <li class="nav-tree__item ">
2731
+
2732
+ <a class="nav-tree__link " href="/frontend/demos/badge/">
2733
+
2734
+
2735
+ <span class="nav-tree__text">
2736
+ Badge
2737
+ </span>
2738
+
2739
+ </a>
2740
+
2741
+
2742
+ </li>
2743
+
2744
+
2715
2745
  <li class="nav-tree__item ">
2716
2746
 
2717
2747
  <a class="nav-tree__link " href="/frontend/demos/basic-hero/">
@@ -166,6 +166,21 @@
166
166
  </li>
167
167
 
168
168
 
169
+ <li class="nav-tree__item ">
170
+
171
+ <a class="nav-tree__link " href="/frontend/demos/badge/">
172
+
173
+
174
+ <span class="nav-tree__text">
175
+ Badge
176
+ </span>
177
+
178
+ </a>
179
+
180
+
181
+ </li>
182
+
183
+
169
184
  <li class="nav-tree__item ">
170
185
 
171
186
  <a class="nav-tree__link " href="/frontend/demos/basic-hero/">
@@ -2712,6 +2727,21 @@
2712
2727
  </li>
2713
2728
 
2714
2729
 
2730
+ <li class="nav-tree__item ">
2731
+
2732
+ <a class="nav-tree__link " href="/frontend/demos/badge/">
2733
+
2734
+
2735
+ <span class="nav-tree__text">
2736
+ Badge
2737
+ </span>
2738
+
2739
+ </a>
2740
+
2741
+
2742
+ </li>
2743
+
2744
+
2715
2745
  <li class="nav-tree__item ">
2716
2746
 
2717
2747
  <a class="nav-tree__link " href="/frontend/demos/basic-hero/">
@@ -5222,13 +5252,18 @@
5222
5252
  <span class="pjs-token pjs-string">"background-color"</span><span class="pjs-token pjs-punctuation">:</span> gray<span class="pjs-token pjs-punctuation">,</span>
5223
5253
  <span class="pjs-token pjs-string">"border-radius"</span><span class="pjs-token pjs-punctuation">:</span> 50%<span class="pjs-token pjs-punctuation">,</span>
5224
5254
  <span class="pjs-token pjs-string">"color"</span><span class="pjs-token pjs-punctuation">:</span> black<span class="pjs-token pjs-punctuation">,</span>
5225
- <span class="pjs-token pjs-string">"font-size"</span><span class="pjs-token pjs-punctuation">:</span> 1.3rem<span class="pjs-token pjs-punctuation">,</span>
5255
+ <span class="pjs-token pjs-string">"font-size"</span><span class="pjs-token pjs-punctuation">:</span> 1.5rem<span class="pjs-token pjs-punctuation">,</span>
5226
5256
  <span class="pjs-token pjs-string">"font-weight"</span><span class="pjs-token pjs-punctuation">:</span> bold<span class="pjs-token pjs-punctuation">,</span>
5227
- <span class="pjs-token pjs-string">"width"</span><span class="pjs-token pjs-punctuation">:</span> 10rem<span class="pjs-token pjs-punctuation">,</span>
5257
+ <span class="pjs-token pjs-string">"font-family"</span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-boolean">true</span><span class="pjs-token pjs-punctuation">,</span>
5258
+ <span class="pjs-token pjs-string">"width"</span><span class="pjs-token pjs-punctuation">:</span> 7rem<span class="pjs-token pjs-punctuation">,</span>
5228
5259
  <span class="pjs-token pjs-string">"sizes"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-punctuation">(</span>
5260
+ <span class="pjs-token pjs-string">"small"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-punctuation">(</span>
5261
+ <span class="pjs-token pjs-string">"font-size"</span> <span class="pjs-token pjs-punctuation">:</span> 1.2rem<span class="pjs-token pjs-punctuation">,</span>
5262
+ <span class="pjs-token pjs-string">"width"</span> <span class="pjs-token pjs-punctuation">:</span> 5rem
5263
+ <span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">,</span>
5229
5264
  <span class="pjs-token pjs-string">"large"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-punctuation">(</span>
5230
5265
  <span class="pjs-token pjs-string">"font-size"</span> <span class="pjs-token pjs-punctuation">:</span> 2.75rem<span class="pjs-token pjs-punctuation">,</span>
5231
- <span class="pjs-token pjs-string">"width"</span> <span class="pjs-token pjs-punctuation">:</span> 6rem
5266
+ <span class="pjs-token pjs-string">"width"</span> <span class="pjs-token pjs-punctuation">:</span> 9rem
5232
5267
  <span class="pjs-token pjs-punctuation">)</span>
5233
5268
  <span class="pjs-token pjs-punctuation">)</span>
5234
5269
  <span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span></code></pre>
@@ -5238,8 +5273,8 @@
5238
5273
  <li><strong>File:</strong> _badge.scss</li>
5239
5274
  <li><strong>Group:</strong> badge</li>
5240
5275
  <li><strong>Type:</strong> variable</li>
5241
- <li><strong>Lines (comments):</strong> 11-19</li>
5242
- <li><strong>Lines (code):</strong> 21-34</li>
5276
+ <li><strong>Lines (comments):</strong> 21-30</li>
5277
+ <li><strong>Lines (code):</strong> 32-50</li>
5243
5278
  </ul>
5244
5279
  </details>
5245
5280
  <h4 id="map-properties" tabindex="-1">Map Properties</h4>
@@ -5284,6 +5319,12 @@
5284
5319
  <td style="text-align:left">Font weight</td>
5285
5320
  </tr>
5286
5321
  <tr>
5322
+ <td style="text-align:left">font-family</td>
5323
+ <td style="text-align:left">Number</td>
5324
+ <td style="text-align:left">true</td>
5325
+ <td style="text-align:left">Specify font family, defaults to typography font-family-sans</td>
5326
+ </tr>
5327
+ <tr>
5287
5328
  <td style="text-align:left">sizes</td>
5288
5329
  <td style="text-align:left">List</td>
5289
5330
  <td style="text-align:left">Object</td>
@@ -5311,8 +5352,8 @@
5311
5352
  <li><strong>File:</strong> _badge.scss</li>
5312
5353
  <li><strong>Group:</strong> badge</li>
5313
5354
  <li><strong>Type:</strong> mixin</li>
5314
- <li><strong>Lines (comments):</strong> 36-39</li>
5315
- <li><strong>Lines (code):</strong> 41-43</li>
5355
+ <li><strong>Lines (comments):</strong> 52-55</li>
5356
+ <li><strong>Lines (code):</strong> 57-59</li>
5316
5357
  </ul>
5317
5358
  </details>
5318
5359
  <h4 id="examples" tabindex="-1">Examples</h4>
@@ -5351,8 +5392,8 @@
5351
5392
  <li><strong>File:</strong> _badge.scss</li>
5352
5393
  <li><strong>Group:</strong> badge</li>
5353
5394
  <li><strong>Type:</strong> mixin</li>
5354
- <li><strong>Lines (comments):</strong> 54-68</li>
5355
- <li><strong>Lines (code):</strong> 70-130</li>
5395
+ <li><strong>Lines (comments):</strong> 71-85</li>
5396
+ <li><strong>Lines (code):</strong> 87-149</li>
5356
5397
  </ul>
5357
5398
  </details>
5358
5399
  <h4 id="examples-1" tabindex="-1">Examples</h4>
@@ -5399,8 +5440,8 @@
5399
5440
  <li><strong>File:</strong> _badge.scss</li>
5400
5441
  <li><strong>Group:</strong> badge</li>
5401
5442
  <li><strong>Type:</strong> function</li>
5402
- <li><strong>Lines (comments):</strong> 45-48</li>
5403
- <li><strong>Lines (code):</strong> 50-52</li>
5443
+ <li><strong>Lines (comments):</strong> 61-64</li>
5444
+ <li><strong>Lines (code):</strong> 66-69</li>
5404
5445
  </ul>
5405
5446
  </details>
5406
5447
  <h4 id="examples-2" tabindex="-1">Examples</h4>
@@ -166,6 +166,21 @@
166
166
  </li>
167
167
 
168
168
 
169
+ <li class="nav-tree__item ">
170
+
171
+ <a class="nav-tree__link " href="/frontend/demos/badge/">
172
+
173
+
174
+ <span class="nav-tree__text">
175
+ Badge
176
+ </span>
177
+
178
+ </a>
179
+
180
+
181
+ </li>
182
+
183
+
169
184
  <li class="nav-tree__item ">
170
185
 
171
186
  <a class="nav-tree__link " href="/frontend/demos/basic-hero/">
@@ -2712,6 +2727,21 @@
2712
2727
  </li>
2713
2728
 
2714
2729
 
2730
+ <li class="nav-tree__item ">
2731
+
2732
+ <a class="nav-tree__link " href="/frontend/demos/badge/">
2733
+
2734
+
2735
+ <span class="nav-tree__text">
2736
+ Badge
2737
+ </span>
2738
+
2739
+ </a>
2740
+
2741
+
2742
+ </li>
2743
+
2744
+
2715
2745
  <li class="nav-tree__item ">
2716
2746
 
2717
2747
  <a class="nav-tree__link " href="/frontend/demos/basic-hero/">
@@ -166,6 +166,21 @@
166
166
  </li>
167
167
 
168
168
 
169
+ <li class="nav-tree__item ">
170
+
171
+ <a class="nav-tree__link " href="/frontend/demos/badge/">
172
+
173
+
174
+ <span class="nav-tree__text">
175
+ Badge
176
+ </span>
177
+
178
+ </a>
179
+
180
+
181
+ </li>
182
+
183
+
169
184
  <li class="nav-tree__item ">
170
185
 
171
186
  <a class="nav-tree__link " href="/frontend/demos/basic-hero/">
@@ -2712,6 +2727,21 @@
2712
2727
  </li>
2713
2728
 
2714
2729
 
2730
+ <li class="nav-tree__item ">
2731
+
2732
+ <a class="nav-tree__link " href="/frontend/demos/badge/">
2733
+
2734
+
2735
+ <span class="nav-tree__text">
2736
+ Badge
2737
+ </span>
2738
+
2739
+ </a>
2740
+
2741
+
2742
+ </li>
2743
+
2744
+
2715
2745
  <li class="nav-tree__item ">
2716
2746
 
2717
2747
  <a class="nav-tree__link " href="/frontend/demos/basic-hero/">
@@ -166,6 +166,21 @@
166
166
  </li>
167
167
 
168
168
 
169
+ <li class="nav-tree__item ">
170
+
171
+ <a class="nav-tree__link " href="/frontend/demos/badge/">
172
+
173
+
174
+ <span class="nav-tree__text">
175
+ Badge
176
+ </span>
177
+
178
+ </a>
179
+
180
+
181
+ </li>
182
+
183
+
169
184
  <li class="nav-tree__item ">
170
185
 
171
186
  <a class="nav-tree__link " href="/frontend/demos/basic-hero/">
@@ -2712,6 +2727,21 @@
2712
2727
  </li>
2713
2728
 
2714
2729
 
2730
+ <li class="nav-tree__item ">
2731
+
2732
+ <a class="nav-tree__link " href="/frontend/demos/badge/">
2733
+
2734
+
2735
+ <span class="nav-tree__text">
2736
+ Badge
2737
+ </span>
2738
+
2739
+ </a>
2740
+
2741
+
2742
+ </li>
2743
+
2744
+
2715
2745
  <li class="nav-tree__item ">
2716
2746
 
2717
2747
  <a class="nav-tree__link " href="/frontend/demos/basic-hero/">
@@ -166,6 +166,21 @@
166
166
  </li>
167
167
 
168
168
 
169
+ <li class="nav-tree__item ">
170
+
171
+ <a class="nav-tree__link " href="/frontend/demos/badge/">
172
+
173
+
174
+ <span class="nav-tree__text">
175
+ Badge
176
+ </span>
177
+
178
+ </a>
179
+
180
+
181
+ </li>
182
+
183
+
169
184
  <li class="nav-tree__item ">
170
185
 
171
186
  <a class="nav-tree__link " href="/frontend/demos/basic-hero/">
@@ -2712,6 +2727,21 @@
2712
2727
  </li>
2713
2728
 
2714
2729
 
2730
+ <li class="nav-tree__item ">
2731
+
2732
+ <a class="nav-tree__link " href="/frontend/demos/badge/">
2733
+
2734
+
2735
+ <span class="nav-tree__text">
2736
+ Badge
2737
+ </span>
2738
+
2739
+ </a>
2740
+
2741
+
2742
+ </li>
2743
+
2744
+
2715
2745
  <li class="nav-tree__item ">
2716
2746
 
2717
2747
  <a class="nav-tree__link " href="/frontend/demos/basic-hero/">
@@ -166,6 +166,21 @@
166
166
  </li>
167
167
 
168
168
 
169
+ <li class="nav-tree__item ">
170
+
171
+ <a class="nav-tree__link " href="/frontend/demos/badge/">
172
+
173
+
174
+ <span class="nav-tree__text">
175
+ Badge
176
+ </span>
177
+
178
+ </a>
179
+
180
+
181
+ </li>
182
+
183
+
169
184
  <li class="nav-tree__item ">
170
185
 
171
186
  <a class="nav-tree__link " href="/frontend/demos/basic-hero/">
@@ -2712,6 +2727,21 @@
2712
2727
  </li>
2713
2728
 
2714
2729
 
2730
+ <li class="nav-tree__item ">
2731
+
2732
+ <a class="nav-tree__link " href="/frontend/demos/badge/">
2733
+
2734
+
2735
+ <span class="nav-tree__text">
2736
+ Badge
2737
+ </span>
2738
+
2739
+ </a>
2740
+
2741
+
2742
+ </li>
2743
+
2744
+
2715
2745
  <li class="nav-tree__item ">
2716
2746
 
2717
2747
  <a class="nav-tree__link " href="/frontend/demos/basic-hero/">
@@ -166,6 +166,21 @@
166
166
  </li>
167
167
 
168
168
 
169
+ <li class="nav-tree__item ">
170
+
171
+ <a class="nav-tree__link " href="/frontend/demos/badge/">
172
+
173
+
174
+ <span class="nav-tree__text">
175
+ Badge
176
+ </span>
177
+
178
+ </a>
179
+
180
+
181
+ </li>
182
+
183
+
169
184
  <li class="nav-tree__item ">
170
185
 
171
186
  <a class="nav-tree__link " href="/frontend/demos/basic-hero/">
@@ -2712,6 +2727,21 @@
2712
2727
  </li>
2713
2728
 
2714
2729
 
2730
+ <li class="nav-tree__item ">
2731
+
2732
+ <a class="nav-tree__link " href="/frontend/demos/badge/">
2733
+
2734
+
2735
+ <span class="nav-tree__text">
2736
+ Badge
2737
+ </span>
2738
+
2739
+ </a>
2740
+
2741
+
2742
+ </li>
2743
+
2744
+
2715
2745
  <li class="nav-tree__item ">
2716
2746
 
2717
2747
  <a class="nav-tree__link " href="/frontend/demos/basic-hero/">
@@ -166,6 +166,21 @@
166
166
  </li>
167
167
 
168
168
 
169
+ <li class="nav-tree__item ">
170
+
171
+ <a class="nav-tree__link " href="/frontend/demos/badge/">
172
+
173
+
174
+ <span class="nav-tree__text">
175
+ Badge
176
+ </span>
177
+
178
+ </a>
179
+
180
+
181
+ </li>
182
+
183
+
169
184
  <li class="nav-tree__item ">
170
185
 
171
186
  <a class="nav-tree__link " href="/frontend/demos/basic-hero/">
@@ -2712,6 +2727,21 @@
2712
2727
  </li>
2713
2728
 
2714
2729
 
2730
+ <li class="nav-tree__item ">
2731
+
2732
+ <a class="nav-tree__link " href="/frontend/demos/badge/">
2733
+
2734
+
2735
+ <span class="nav-tree__text">
2736
+ Badge
2737
+ </span>
2738
+
2739
+ </a>
2740
+
2741
+
2742
+ </li>
2743
+
2744
+
2715
2745
  <li class="nav-tree__item ">
2716
2746
 
2717
2747
  <a class="nav-tree__link " href="/frontend/demos/basic-hero/">
@@ -166,6 +166,21 @@
166
166
  </li>
167
167
 
168
168
 
169
+ <li class="nav-tree__item ">
170
+
171
+ <a class="nav-tree__link " href="/frontend/demos/badge/">
172
+
173
+
174
+ <span class="nav-tree__text">
175
+ Badge
176
+ </span>
177
+
178
+ </a>
179
+
180
+
181
+ </li>
182
+
183
+
169
184
  <li class="nav-tree__item ">
170
185
 
171
186
  <a class="nav-tree__link " href="/frontend/demos/basic-hero/">
@@ -2712,6 +2727,21 @@
2712
2727
  </li>
2713
2728
 
2714
2729
 
2730
+ <li class="nav-tree__item ">
2731
+
2732
+ <a class="nav-tree__link " href="/frontend/demos/badge/">
2733
+
2734
+
2735
+ <span class="nav-tree__text">
2736
+ Badge
2737
+ </span>
2738
+
2739
+ </a>
2740
+
2741
+
2742
+ </li>
2743
+
2744
+
2715
2745
  <li class="nav-tree__item ">
2716
2746
 
2717
2747
  <a class="nav-tree__link " href="/frontend/demos/basic-hero/">
@@ -5240,8 +5270,8 @@
5240
5270
  <li><strong>File:</strong> _counter-list.scss</li>
5241
5271
  <li><strong>Group:</strong> counter-list</li>
5242
5272
  <li><strong>Type:</strong> variable</li>
5243
- <li><strong>Lines (comments):</strong> 13-25</li>
5244
- <li><strong>Lines (code):</strong> 27-42</li>
5273
+ <li><strong>Lines (comments):</strong> 13-26</li>
5274
+ <li><strong>Lines (code):</strong> 28-43</li>
5245
5275
  </ul>
5246
5276
  </details>
5247
5277
  <h4 id="map-properties" tabindex="-1">Map Properties</h4>
@@ -5321,6 +5351,12 @@
5321
5351
  <td style="text-align:left">String</td>
5322
5352
  <td style="text-align:left">&quot;accent&quot;</td>
5323
5353
  </tr>
5354
+ <tr>
5355
+ <td style="text-align:left">extra-selector</td>
5356
+ <td style="text-align:left">String</td>
5357
+ <td style="text-align:left">null</td>
5358
+ <td style="text-align:left">Additional selectors to include table styling.</td>
5359
+ </tr>
5324
5360
  </tbody>
5325
5361
  </table>
5326
5362
  <h2 id="mixins" tabindex="-1">Mixins</h2>
@@ -5337,8 +5373,8 @@
5337
5373
  <li><strong>File:</strong> _counter-list.scss</li>
5338
5374
  <li><strong>Group:</strong> counter-list</li>
5339
5375
  <li><strong>Type:</strong> mixin</li>
5340
- <li><strong>Lines (comments):</strong> 44-47</li>
5341
- <li><strong>Lines (code):</strong> 49-51</li>
5376
+ <li><strong>Lines (comments):</strong> 45-48</li>
5377
+ <li><strong>Lines (code):</strong> 50-52</li>
5342
5378
  </ul>
5343
5379
  </details>
5344
5380
  <h4 id="examples" tabindex="-1">Examples</h4>
@@ -5377,8 +5413,8 @@
5377
5413
  <li><strong>File:</strong> _counter-list.scss</li>
5378
5414
  <li><strong>Group:</strong> counter-list</li>
5379
5415
  <li><strong>Type:</strong> mixin</li>
5380
- <li><strong>Lines (comments):</strong> 62-69</li>
5381
- <li><strong>Lines (code):</strong> 71-150</li>
5416
+ <li><strong>Lines (comments):</strong> 63-70</li>
5417
+ <li><strong>Lines (code):</strong> 72-151</li>
5382
5418
  </ul>
5383
5419
  </details>
5384
5420
  <div class="callout callout--demo crop-margins">
@@ -5417,8 +5453,8 @@
5417
5453
  <li><strong>File:</strong> _counter-list.scss</li>
5418
5454
  <li><strong>Group:</strong> counter-list</li>
5419
5455
  <li><strong>Type:</strong> function</li>
5420
- <li><strong>Lines (comments):</strong> 53-56</li>
5421
- <li><strong>Lines (code):</strong> 58-60</li>
5456
+ <li><strong>Lines (comments):</strong> 54-57</li>
5457
+ <li><strong>Lines (code):</strong> 59-61</li>
5422
5458
  </ul>
5423
5459
  </details>
5424
5460
  <h4 id="examples-2" tabindex="-1">Examples</h4>