@ulu/frontend 0.1.0-beta.41 → 0.1.0-beta.43

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 (69) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/ulu-frontend.min.css +1 -1
  3. package/docs-dev/changelog/index.html +16 -0
  4. package/docs-dev/demos/card/index.html +16 -16
  5. package/docs-dev/demos/data-table/index.html +100 -100
  6. package/docs-dev/demos/popovers/index.html +5453 -0
  7. package/docs-dev/sass/base/elements/index.html +70 -70
  8. package/docs-dev/sass/base/index/index.html +56 -56
  9. package/docs-dev/sass/base/layout/index.html +63 -63
  10. package/docs-dev/sass/components/accordion/index.html +118 -118
  11. package/docs-dev/sass/components/adaptive-spacing/index.html +124 -124
  12. package/docs-dev/sass/components/badge/index.html +96 -96
  13. package/docs-dev/sass/components/basic-hero/index.html +62 -62
  14. package/docs-dev/sass/components/button/index.html +49 -49
  15. package/docs-dev/sass/components/button-verbose/index.html +128 -128
  16. package/docs-dev/sass/components/callout/index.html +163 -163
  17. package/docs-dev/sass/components/captioned-figure/index.html +114 -114
  18. package/docs-dev/sass/components/card/index.html +170 -170
  19. package/docs-dev/sass/components/card-grid/index.html +70 -70
  20. package/docs-dev/sass/components/counter-list/index.html +119 -119
  21. package/docs-dev/sass/components/css-icon/index.html +140 -140
  22. package/docs-dev/sass/components/data-grid/index.html +166 -166
  23. package/docs-dev/sass/components/data-table/index.html +114 -114
  24. package/docs-dev/sass/components/flipcard/index.html +162 -162
  25. package/docs-dev/sass/components/flipcard-grid/index.html +57 -57
  26. package/docs-dev/sass/components/form-theme/index.html +265 -265
  27. package/docs-dev/sass/components/hero/index.html +107 -107
  28. package/docs-dev/sass/components/horizontal-rule/index.html +56 -56
  29. package/docs-dev/sass/components/image-grid/index.html +63 -63
  30. package/docs-dev/sass/components/index/index.html +95 -95
  31. package/docs-dev/sass/components/list-inline/index.html +77 -77
  32. package/docs-dev/sass/components/list-lines/index.html +98 -98
  33. package/docs-dev/sass/components/menu-stack/index.html +119 -119
  34. package/docs-dev/sass/components/modal/index.html +114 -114
  35. package/docs-dev/sass/components/nav-strip/index.html +114 -114
  36. package/docs-dev/sass/components/overlay-section/index.html +101 -101
  37. package/docs-dev/sass/components/pager/index.html +114 -114
  38. package/docs-dev/sass/components/placeholder-block/index.html +114 -114
  39. package/docs-dev/sass/components/popover/index.html +114 -114
  40. package/docs-dev/sass/components/pull-quote/index.html +114 -114
  41. package/docs-dev/sass/components/ratio-box/index.html +60 -60
  42. package/docs-dev/sass/components/rule/index.html +63 -63
  43. package/docs-dev/sass/components/scroll-slider/index.html +114 -114
  44. package/docs-dev/sass/components/skip-link/index.html +34 -34
  45. package/docs-dev/sass/components/slider/index.html +114 -114
  46. package/docs-dev/sass/components/spoke-spinner/index.html +56 -56
  47. package/docs-dev/sass/components/sticky-list/index.html +145 -145
  48. package/docs-dev/sass/components/tabs/index.html +114 -114
  49. package/docs-dev/sass/components/tag/index.html +161 -161
  50. package/docs-dev/sass/components/tile-button/index.html +101 -101
  51. package/docs-dev/sass/components/tile-grid/index.html +142 -142
  52. package/docs-dev/sass/components/tile-grid-overlay/index.html +37 -37
  53. package/docs-dev/sass/components/vignette/index.html +56 -56
  54. package/docs-dev/sass/components/wysiwyg/index.html +65 -65
  55. package/docs-dev/sass/core/breakpoint/index.html +100 -100
  56. package/docs-dev/sass/core/button/index.html +535 -535
  57. package/docs-dev/sass/core/color/index.html +157 -157
  58. package/docs-dev/sass/core/cssvar/index.html +49 -49
  59. package/docs-dev/sass/core/element/index.html +504 -504
  60. package/docs-dev/sass/core/layout/index.html +107 -107
  61. package/docs-dev/sass/core/path/index.html +32 -32
  62. package/docs-dev/sass/core/selector/index.html +49 -49
  63. package/docs-dev/sass/core/typography/index.html +265 -265
  64. package/docs-dev/sass/core/units/index.html +81 -81
  65. package/docs-dev/sass/core/utils/index.html +70 -70
  66. package/docs-dev/sass/helpers/index/index.html +53 -53
  67. package/docs-dev/sass/helpers/units/index.html +47 -47
  68. package/package.json +1 -1
  69. package/scss/components/_card.scss +10 -7
@@ -5166,29 +5166,29 @@
5166
5166
  <div class="toc">
5167
5167
  <ol>
5168
5168
 
5169
- <li><a href="#mixins">Mixins</a>
5169
+ <li><a href="#variables">Variables</a>
5170
5170
 
5171
5171
  <ol>
5172
5172
 
5173
- <li><a href="#mixin-set-includes">set-includes()</a>
5174
- </li>
5175
-
5176
- <li><a href="#mixin-set-excludes">set-excludes()</a>
5173
+ <li><a href="#variable-all-includes">$all-includes</a>
5177
5174
  </li>
5178
5175
 
5179
- <li><a href="#mixin-component-styles">component-styles()</a>
5176
+ <li><a href="#variable-current-includes">$current-includes</a>
5180
5177
  </li>
5181
5178
  </ol>
5182
5179
  </li>
5183
5180
 
5184
- <li><a href="#variables">Variables</a>
5181
+ <li><a href="#mixins">Mixins</a>
5185
5182
 
5186
5183
  <ol>
5187
5184
 
5188
- <li><a href="#variable-all-includes">$all-includes</a>
5185
+ <li><a href="#mixin-set-includes">set-includes()</a>
5189
5186
  </li>
5190
5187
 
5191
- <li><a href="#variable-current-includes">$current-includes</a>
5188
+ <li><a href="#mixin-set-excludes">set-excludes()</a>
5189
+ </li>
5190
+
5191
+ <li><a href="#mixin-component-styles">component-styles()</a>
5192
5192
  </li>
5193
5193
  </ol>
5194
5194
  </li>
@@ -5207,6 +5207,92 @@
5207
5207
  <div class="type-large">
5208
5208
  <p>Outputs all component stylesheets, optionally choose to set includes or excludes to narrow down components that are output.</p>
5209
5209
  </div>
5210
+ <h2 id="variables" tabindex="-1">Variables</h2>
5211
+ <div class="sassdoc-item-header">
5212
+ <h3 id="variable-all-includes" tabindex="-1">$all-includes</h3>
5213
+ <div class="sassdoc-item-header__labels">
5214
+ <span class="tag tag--primary"><strong>Variable</strong></span> <span class="tag"><strong>Type</strong>: List</span>
5215
+ </div>
5216
+ </div>
5217
+ <p>Default includes, all modules</p>
5218
+ <pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-property"><span class="pjs-token pjs-variable">$all-includes</span></span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-punctuation">(</span>
5219
+ <span class="pjs-token pjs-string">"accordion"</span><span class="pjs-token pjs-punctuation">,</span>
5220
+ <span class="pjs-token pjs-string">"adaptive-spacing"</span><span class="pjs-token pjs-punctuation">,</span>
5221
+ <span class="pjs-token pjs-string">"badge"</span><span class="pjs-token pjs-punctuation">,</span>
5222
+ <span class="pjs-token pjs-string">"basic-hero"</span><span class="pjs-token pjs-punctuation">,</span>
5223
+ <span class="pjs-token pjs-string">"button"</span><span class="pjs-token pjs-punctuation">,</span>
5224
+ <span class="pjs-token pjs-string">"button-verbose"</span><span class="pjs-token pjs-punctuation">,</span>
5225
+ <span class="pjs-token pjs-string">"callout"</span><span class="pjs-token pjs-punctuation">,</span>
5226
+ <span class="pjs-token pjs-string">"card"</span><span class="pjs-token pjs-punctuation">,</span>
5227
+ <span class="pjs-token pjs-string">"card-grid"</span><span class="pjs-token pjs-punctuation">,</span>
5228
+ <span class="pjs-token pjs-string">"counter-list"</span><span class="pjs-token pjs-punctuation">,</span>
5229
+ <span class="pjs-token pjs-string">"css-icon"</span><span class="pjs-token pjs-punctuation">,</span>
5230
+ <span class="pjs-token pjs-string">"data-grid"</span><span class="pjs-token pjs-punctuation">,</span>
5231
+ <span class="pjs-token pjs-string">"data-table"</span><span class="pjs-token pjs-punctuation">,</span>
5232
+ <span class="pjs-token pjs-string">"fill-context"</span><span class="pjs-token pjs-punctuation">,</span>
5233
+ <span class="pjs-token pjs-string">"flipcard"</span><span class="pjs-token pjs-punctuation">,</span>
5234
+ <span class="pjs-token pjs-string">"flipcard-grid"</span><span class="pjs-token pjs-punctuation">,</span>
5235
+ <span class="pjs-token pjs-string">"form-theme"</span><span class="pjs-token pjs-punctuation">,</span>
5236
+ <span class="pjs-token pjs-string">"horizontal-rule"</span><span class="pjs-token pjs-punctuation">,</span>
5237
+ <span class="pjs-token pjs-string">"image-grid"</span><span class="pjs-token pjs-punctuation">,</span>
5238
+ <span class="pjs-token pjs-string">"links"</span><span class="pjs-token pjs-punctuation">,</span>
5239
+ <span class="pjs-token pjs-string">"list-lines"</span><span class="pjs-token pjs-punctuation">,</span>
5240
+ <span class="pjs-token pjs-string">"list-inline"</span><span class="pjs-token pjs-punctuation">,</span>
5241
+ <span class="pjs-token pjs-string">"list-ordered"</span><span class="pjs-token pjs-punctuation">,</span>
5242
+ <span class="pjs-token pjs-string">"list-unordered"</span><span class="pjs-token pjs-punctuation">,</span>
5243
+ <span class="pjs-token pjs-string">"menu-stack"</span><span class="pjs-token pjs-punctuation">,</span>
5244
+ <span class="pjs-token pjs-string">"modal"</span><span class="pjs-token pjs-punctuation">,</span>
5245
+ <span class="pjs-token pjs-string">"nav-strip"</span><span class="pjs-token pjs-punctuation">,</span>
5246
+ <span class="pjs-token pjs-string">"overlay-section"</span><span class="pjs-token pjs-punctuation">,</span>
5247
+ <span class="pjs-token pjs-string">"pager"</span><span class="pjs-token pjs-punctuation">,</span>
5248
+ <span class="pjs-token pjs-string">"popover"</span><span class="pjs-token pjs-punctuation">,</span>
5249
+ <span class="pjs-token pjs-string">"ratio-box"</span><span class="pjs-token pjs-punctuation">,</span>
5250
+ <span class="pjs-token pjs-string">"rule"</span><span class="pjs-token pjs-punctuation">,</span>
5251
+ <span class="pjs-token pjs-string">"scroll-slider"</span><span class="pjs-token pjs-punctuation">,</span>
5252
+ <span class="pjs-token pjs-string">"skip-link"</span><span class="pjs-token pjs-punctuation">,</span>
5253
+ <span class="pjs-token pjs-string">"sticky-list"</span><span class="pjs-token pjs-punctuation">,</span>
5254
+ <span class="pjs-token pjs-string">"slider"</span><span class="pjs-token pjs-punctuation">,</span>
5255
+ <span class="pjs-token pjs-string">"hero"</span><span class="pjs-token pjs-punctuation">,</span>
5256
+ <span class="pjs-token pjs-string">"tabs"</span><span class="pjs-token pjs-punctuation">,</span>
5257
+ <span class="pjs-token pjs-string">"tag"</span><span class="pjs-token pjs-punctuation">,</span>
5258
+ <span class="pjs-token pjs-string">"tile-grid"</span><span class="pjs-token pjs-punctuation">,</span>
5259
+ <span class="pjs-token pjs-string">"tile-button"</span><span class="pjs-token pjs-punctuation">,</span>
5260
+ <span class="pjs-token pjs-string">"tile-grid-overlay"</span><span class="pjs-token pjs-punctuation">,</span>
5261
+ <span class="pjs-token pjs-string">"placeholder-block"</span><span class="pjs-token pjs-punctuation">,</span>
5262
+ <span class="pjs-token pjs-string">"pull-quote"</span><span class="pjs-token pjs-punctuation">,</span>
5263
+ <span class="pjs-token pjs-string">"vignette"</span><span class="pjs-token pjs-punctuation">,</span>
5264
+ <span class="pjs-token pjs-string">"captioned-figure"</span><span class="pjs-token pjs-punctuation">,</span>
5265
+ <span class="pjs-token pjs-string">"spoke-spinner"</span><span class="pjs-token pjs-punctuation">,</span>
5266
+ <span class="pjs-token pjs-string">"wysiwyg"</span><span class="pjs-token pjs-punctuation">,</span>
5267
+ <span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span></code></pre>
5268
+ <details>
5269
+ <summary>File Information</summary>
5270
+ <ul>
5271
+ <li><strong>File:</strong> _index.scss</li>
5272
+ <li><strong>Group:</strong> index</li>
5273
+ <li><strong>Type:</strong> variable</li>
5274
+ <li><strong>Lines (comments):</strong> 107-108</li>
5275
+ <li><strong>Lines (code):</strong> 110-159</li>
5276
+ </ul>
5277
+ </details>
5278
+ <div class="sassdoc-item-header">
5279
+ <h3 id="variable-current-includes" tabindex="-1">$current-includes</h3>
5280
+ <div class="sassdoc-item-header__labels">
5281
+ <span class="tag tag--primary"><strong>Variable</strong></span> <span class="tag"><strong>Type</strong>: List</span>
5282
+ </div>
5283
+ </div>
5284
+ <p>Current included modules (for output when using styles), defaults to all</p>
5285
+ <pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-property"><span class="pjs-token pjs-variable">$current-includes</span></span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-variable">$all-includes</span><span class="pjs-token pjs-punctuation">;</span></code></pre>
5286
+ <details>
5287
+ <summary>File Information</summary>
5288
+ <ul>
5289
+ <li><strong>File:</strong> _index.scss</li>
5290
+ <li><strong>Group:</strong> index</li>
5291
+ <li><strong>Type:</strong> variable</li>
5292
+ <li><strong>Lines (comments):</strong> 161-162</li>
5293
+ <li><strong>Lines (code):</strong> 164-164</li>
5294
+ </ul>
5295
+ </details>
5210
5296
  <h2 id="mixins" tabindex="-1">Mixins</h2>
5211
5297
  <div class="sassdoc-item-header">
5212
5298
  <h3 id="mixin-set-includes" tabindex="-1">set-includes()</h3>
@@ -5330,92 +5416,6 @@
5330
5416
  <ul>
5331
5417
  <li><a href="/frontend/sass/components/index/#variable-all-includes">$all-includes</a></li>
5332
5418
  </ul>
5333
- <h2 id="variables" tabindex="-1">Variables</h2>
5334
- <div class="sassdoc-item-header">
5335
- <h3 id="variable-all-includes" tabindex="-1">$all-includes</h3>
5336
- <div class="sassdoc-item-header__labels">
5337
- <span class="tag tag--primary"><strong>Variable</strong></span> <span class="tag"><strong>Type</strong>: List</span>
5338
- </div>
5339
- </div>
5340
- <p>Default includes, all modules</p>
5341
- <pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-property"><span class="pjs-token pjs-variable">$all-includes</span></span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-punctuation">(</span>
5342
- <span class="pjs-token pjs-string">"accordion"</span><span class="pjs-token pjs-punctuation">,</span>
5343
- <span class="pjs-token pjs-string">"adaptive-spacing"</span><span class="pjs-token pjs-punctuation">,</span>
5344
- <span class="pjs-token pjs-string">"badge"</span><span class="pjs-token pjs-punctuation">,</span>
5345
- <span class="pjs-token pjs-string">"basic-hero"</span><span class="pjs-token pjs-punctuation">,</span>
5346
- <span class="pjs-token pjs-string">"button"</span><span class="pjs-token pjs-punctuation">,</span>
5347
- <span class="pjs-token pjs-string">"button-verbose"</span><span class="pjs-token pjs-punctuation">,</span>
5348
- <span class="pjs-token pjs-string">"callout"</span><span class="pjs-token pjs-punctuation">,</span>
5349
- <span class="pjs-token pjs-string">"card"</span><span class="pjs-token pjs-punctuation">,</span>
5350
- <span class="pjs-token pjs-string">"card-grid"</span><span class="pjs-token pjs-punctuation">,</span>
5351
- <span class="pjs-token pjs-string">"counter-list"</span><span class="pjs-token pjs-punctuation">,</span>
5352
- <span class="pjs-token pjs-string">"css-icon"</span><span class="pjs-token pjs-punctuation">,</span>
5353
- <span class="pjs-token pjs-string">"data-grid"</span><span class="pjs-token pjs-punctuation">,</span>
5354
- <span class="pjs-token pjs-string">"data-table"</span><span class="pjs-token pjs-punctuation">,</span>
5355
- <span class="pjs-token pjs-string">"fill-context"</span><span class="pjs-token pjs-punctuation">,</span>
5356
- <span class="pjs-token pjs-string">"flipcard"</span><span class="pjs-token pjs-punctuation">,</span>
5357
- <span class="pjs-token pjs-string">"flipcard-grid"</span><span class="pjs-token pjs-punctuation">,</span>
5358
- <span class="pjs-token pjs-string">"form-theme"</span><span class="pjs-token pjs-punctuation">,</span>
5359
- <span class="pjs-token pjs-string">"horizontal-rule"</span><span class="pjs-token pjs-punctuation">,</span>
5360
- <span class="pjs-token pjs-string">"image-grid"</span><span class="pjs-token pjs-punctuation">,</span>
5361
- <span class="pjs-token pjs-string">"links"</span><span class="pjs-token pjs-punctuation">,</span>
5362
- <span class="pjs-token pjs-string">"list-lines"</span><span class="pjs-token pjs-punctuation">,</span>
5363
- <span class="pjs-token pjs-string">"list-inline"</span><span class="pjs-token pjs-punctuation">,</span>
5364
- <span class="pjs-token pjs-string">"list-ordered"</span><span class="pjs-token pjs-punctuation">,</span>
5365
- <span class="pjs-token pjs-string">"list-unordered"</span><span class="pjs-token pjs-punctuation">,</span>
5366
- <span class="pjs-token pjs-string">"menu-stack"</span><span class="pjs-token pjs-punctuation">,</span>
5367
- <span class="pjs-token pjs-string">"modal"</span><span class="pjs-token pjs-punctuation">,</span>
5368
- <span class="pjs-token pjs-string">"nav-strip"</span><span class="pjs-token pjs-punctuation">,</span>
5369
- <span class="pjs-token pjs-string">"overlay-section"</span><span class="pjs-token pjs-punctuation">,</span>
5370
- <span class="pjs-token pjs-string">"pager"</span><span class="pjs-token pjs-punctuation">,</span>
5371
- <span class="pjs-token pjs-string">"popover"</span><span class="pjs-token pjs-punctuation">,</span>
5372
- <span class="pjs-token pjs-string">"ratio-box"</span><span class="pjs-token pjs-punctuation">,</span>
5373
- <span class="pjs-token pjs-string">"rule"</span><span class="pjs-token pjs-punctuation">,</span>
5374
- <span class="pjs-token pjs-string">"scroll-slider"</span><span class="pjs-token pjs-punctuation">,</span>
5375
- <span class="pjs-token pjs-string">"skip-link"</span><span class="pjs-token pjs-punctuation">,</span>
5376
- <span class="pjs-token pjs-string">"sticky-list"</span><span class="pjs-token pjs-punctuation">,</span>
5377
- <span class="pjs-token pjs-string">"slider"</span><span class="pjs-token pjs-punctuation">,</span>
5378
- <span class="pjs-token pjs-string">"hero"</span><span class="pjs-token pjs-punctuation">,</span>
5379
- <span class="pjs-token pjs-string">"tabs"</span><span class="pjs-token pjs-punctuation">,</span>
5380
- <span class="pjs-token pjs-string">"tag"</span><span class="pjs-token pjs-punctuation">,</span>
5381
- <span class="pjs-token pjs-string">"tile-grid"</span><span class="pjs-token pjs-punctuation">,</span>
5382
- <span class="pjs-token pjs-string">"tile-button"</span><span class="pjs-token pjs-punctuation">,</span>
5383
- <span class="pjs-token pjs-string">"tile-grid-overlay"</span><span class="pjs-token pjs-punctuation">,</span>
5384
- <span class="pjs-token pjs-string">"placeholder-block"</span><span class="pjs-token pjs-punctuation">,</span>
5385
- <span class="pjs-token pjs-string">"pull-quote"</span><span class="pjs-token pjs-punctuation">,</span>
5386
- <span class="pjs-token pjs-string">"vignette"</span><span class="pjs-token pjs-punctuation">,</span>
5387
- <span class="pjs-token pjs-string">"captioned-figure"</span><span class="pjs-token pjs-punctuation">,</span>
5388
- <span class="pjs-token pjs-string">"spoke-spinner"</span><span class="pjs-token pjs-punctuation">,</span>
5389
- <span class="pjs-token pjs-string">"wysiwyg"</span><span class="pjs-token pjs-punctuation">,</span>
5390
- <span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span></code></pre>
5391
- <details>
5392
- <summary>File Information</summary>
5393
- <ul>
5394
- <li><strong>File:</strong> _index.scss</li>
5395
- <li><strong>Group:</strong> index</li>
5396
- <li><strong>Type:</strong> variable</li>
5397
- <li><strong>Lines (comments):</strong> 107-108</li>
5398
- <li><strong>Lines (code):</strong> 110-159</li>
5399
- </ul>
5400
- </details>
5401
- <div class="sassdoc-item-header">
5402
- <h3 id="variable-current-includes" tabindex="-1">$current-includes</h3>
5403
- <div class="sassdoc-item-header__labels">
5404
- <span class="tag tag--primary"><strong>Variable</strong></span> <span class="tag"><strong>Type</strong>: List</span>
5405
- </div>
5406
- </div>
5407
- <p>Current included modules (for output when using styles), defaults to all</p>
5408
- <pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-property"><span class="pjs-token pjs-variable">$current-includes</span></span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-variable">$all-includes</span><span class="pjs-token pjs-punctuation">;</span></code></pre>
5409
- <details>
5410
- <summary>File Information</summary>
5411
- <ul>
5412
- <li><strong>File:</strong> _index.scss</li>
5413
- <li><strong>Group:</strong> index</li>
5414
- <li><strong>Type:</strong> variable</li>
5415
- <li><strong>Lines (comments):</strong> 161-162</li>
5416
- <li><strong>Lines (code):</strong> 164-164</li>
5417
- </ul>
5418
- </details>
5419
5419
 
5420
5420
  </div>
5421
5421
  </div>
@@ -5166,32 +5166,32 @@
5166
5166
  <div class="toc">
5167
5167
  <ol>
5168
5168
 
5169
- <li><a href="#mixins">Mixins</a>
5169
+ <li><a href="#variables">Variables</a>
5170
5170
 
5171
5171
  <ol>
5172
5172
 
5173
- <li><a href="#mixin-set">set()</a>
5174
- </li>
5175
-
5176
- <li><a href="#mixin-styles">styles()</a>
5173
+ <li><a href="#variable-config">$config</a>
5177
5174
  </li>
5178
5175
  </ol>
5179
5176
  </li>
5180
5177
 
5181
- <li><a href="#functions">Functions</a>
5178
+ <li><a href="#mixins">Mixins</a>
5182
5179
 
5183
5180
  <ol>
5184
5181
 
5185
- <li><a href="#function-get">get()</a>
5182
+ <li><a href="#mixin-set">set()</a>
5183
+ </li>
5184
+
5185
+ <li><a href="#mixin-styles">styles()</a>
5186
5186
  </li>
5187
5187
  </ol>
5188
5188
  </li>
5189
5189
 
5190
- <li><a href="#variables">Variables</a>
5190
+ <li><a href="#functions">Functions</a>
5191
5191
 
5192
5192
  <ol>
5193
5193
 
5194
- <li><a href="#variable-config">$config</a>
5194
+ <li><a href="#function-get">get()</a>
5195
5195
  </li>
5196
5196
  </ol>
5197
5197
  </li>
@@ -5209,6 +5209,74 @@
5209
5209
  <h1 id="list-inline" tabindex="-1">List-inline</h1>
5210
5210
  <div class="type-large">
5211
5211
  </div>
5212
+ <h2 id="variables" tabindex="-1">Variables</h2>
5213
+ <div class="sassdoc-item-header">
5214
+ <h3 id="variable-config" tabindex="-1">$config</h3>
5215
+ <div class="sassdoc-item-header__labels">
5216
+ <span class="tag tag--primary"><strong>Variable</strong></span>
5217
+ </div>
5218
+ </div>
5219
+ <p>Module Config</p>
5220
+ <pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-property"><span class="pjs-token pjs-variable">$config</span></span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-punctuation">(</span>
5221
+ <span class="pjs-token pjs-string">"rule-style"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-string">"light"</span><span class="pjs-token pjs-punctuation">,</span>
5222
+ <span class="pjs-token pjs-string">"margin-top"</span><span class="pjs-token pjs-punctuation">:</span> 0<span class="pjs-token pjs-punctuation">,</span>
5223
+ <span class="pjs-token pjs-string">"margin-bottom"</span><span class="pjs-token pjs-punctuation">:</span> 1em<span class="pjs-token pjs-punctuation">,</span>
5224
+ <span class="pjs-token pjs-string">"space-between"</span> <span class="pjs-token pjs-punctuation">:</span> 1em<span class="pjs-token pjs-punctuation">,</span>
5225
+ <span class="pjs-token pjs-string">"space-between-large"</span> <span class="pjs-token pjs-punctuation">:</span> 2em
5226
+ <span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span></code></pre>
5227
+ <details>
5228
+ <summary>File Information</summary>
5229
+ <ul>
5230
+ <li><strong>File:</strong> _list-inline.scss</li>
5231
+ <li><strong>Group:</strong> list-inline</li>
5232
+ <li><strong>Type:</strong> variable</li>
5233
+ <li><strong>Lines (comments):</strong> 11-16</li>
5234
+ <li><strong>Lines (code):</strong> 18-24</li>
5235
+ </ul>
5236
+ </details>
5237
+ <h4 id="map-properties" tabindex="-1">Map Properties</h4>
5238
+ <table>
5239
+ <thead>
5240
+ <tr>
5241
+ <th style="text-align:left">Name</th>
5242
+ <th style="text-align:left">Type</th>
5243
+ <th style="text-align:left">Default</th>
5244
+ <th style="text-align:left">Description</th>
5245
+ </tr>
5246
+ </thead>
5247
+ <tbody>
5248
+ <tr>
5249
+ <td style="text-align:left">rule-style</td>
5250
+ <td style="text-align:left">String</td>
5251
+ <td style="text-align:left">&quot;light&quot;</td>
5252
+ <td style="text-align:left">Name of element &gt; rule style to use for divider/border</td>
5253
+ </tr>
5254
+ <tr>
5255
+ <td style="text-align:left">margin-top</td>
5256
+ <td style="text-align:left">Dimension</td>
5257
+ <td style="text-align:left">0</td>
5258
+ <td style="text-align:left">Top margin of list.</td>
5259
+ </tr>
5260
+ <tr>
5261
+ <td style="text-align:left">margin-bottom</td>
5262
+ <td style="text-align:left">Dimension</td>
5263
+ <td style="text-align:left">1em</td>
5264
+ <td style="text-align:left">Bottom margin of list.</td>
5265
+ </tr>
5266
+ <tr>
5267
+ <td style="text-align:left">space-between</td>
5268
+ <td style="text-align:left">Dimension</td>
5269
+ <td style="text-align:left">1em</td>
5270
+ <td style="text-align:left">Gap between item and dividers</td>
5271
+ </tr>
5272
+ <tr>
5273
+ <td style="text-align:left">space-between-large</td>
5274
+ <td style="text-align:left">Dimension</td>
5275
+ <td style="text-align:left">1em</td>
5276
+ <td style="text-align:left">Gap between item and dividers when using large-gap modifier</td>
5277
+ </tr>
5278
+ </tbody>
5279
+ </table>
5212
5280
  <h2 id="mixins" tabindex="-1">Mixins</h2>
5213
5281
  <div class="sassdoc-item-header">
5214
5282
  <h3 id="mixin-set" tabindex="-1">set()</h3>
@@ -5314,74 +5382,6 @@
5314
5382
  <ul>
5315
5383
  <li><a href="/frontend/sass/components/accordion/#variable-config">$config</a></li>
5316
5384
  </ul>
5317
- <h2 id="variables" tabindex="-1">Variables</h2>
5318
- <div class="sassdoc-item-header">
5319
- <h3 id="variable-config" tabindex="-1">$config</h3>
5320
- <div class="sassdoc-item-header__labels">
5321
- <span class="tag tag--primary"><strong>Variable</strong></span>
5322
- </div>
5323
- </div>
5324
- <p>Module Config</p>
5325
- <pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-property"><span class="pjs-token pjs-variable">$config</span></span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-punctuation">(</span>
5326
- <span class="pjs-token pjs-string">"rule-style"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-string">"light"</span><span class="pjs-token pjs-punctuation">,</span>
5327
- <span class="pjs-token pjs-string">"margin-top"</span><span class="pjs-token pjs-punctuation">:</span> 0<span class="pjs-token pjs-punctuation">,</span>
5328
- <span class="pjs-token pjs-string">"margin-bottom"</span><span class="pjs-token pjs-punctuation">:</span> 1em<span class="pjs-token pjs-punctuation">,</span>
5329
- <span class="pjs-token pjs-string">"space-between"</span> <span class="pjs-token pjs-punctuation">:</span> 1em<span class="pjs-token pjs-punctuation">,</span>
5330
- <span class="pjs-token pjs-string">"space-between-large"</span> <span class="pjs-token pjs-punctuation">:</span> 2em
5331
- <span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span></code></pre>
5332
- <details>
5333
- <summary>File Information</summary>
5334
- <ul>
5335
- <li><strong>File:</strong> _list-inline.scss</li>
5336
- <li><strong>Group:</strong> list-inline</li>
5337
- <li><strong>Type:</strong> variable</li>
5338
- <li><strong>Lines (comments):</strong> 11-16</li>
5339
- <li><strong>Lines (code):</strong> 18-24</li>
5340
- </ul>
5341
- </details>
5342
- <h4 id="map-properties" tabindex="-1">Map Properties</h4>
5343
- <table>
5344
- <thead>
5345
- <tr>
5346
- <th style="text-align:left">Name</th>
5347
- <th style="text-align:left">Type</th>
5348
- <th style="text-align:left">Default</th>
5349
- <th style="text-align:left">Description</th>
5350
- </tr>
5351
- </thead>
5352
- <tbody>
5353
- <tr>
5354
- <td style="text-align:left">rule-style</td>
5355
- <td style="text-align:left">String</td>
5356
- <td style="text-align:left">&quot;light&quot;</td>
5357
- <td style="text-align:left">Name of element &gt; rule style to use for divider/border</td>
5358
- </tr>
5359
- <tr>
5360
- <td style="text-align:left">margin-top</td>
5361
- <td style="text-align:left">Dimension</td>
5362
- <td style="text-align:left">0</td>
5363
- <td style="text-align:left">Top margin of list.</td>
5364
- </tr>
5365
- <tr>
5366
- <td style="text-align:left">margin-bottom</td>
5367
- <td style="text-align:left">Dimension</td>
5368
- <td style="text-align:left">1em</td>
5369
- <td style="text-align:left">Bottom margin of list.</td>
5370
- </tr>
5371
- <tr>
5372
- <td style="text-align:left">space-between</td>
5373
- <td style="text-align:left">Dimension</td>
5374
- <td style="text-align:left">1em</td>
5375
- <td style="text-align:left">Gap between item and dividers</td>
5376
- </tr>
5377
- <tr>
5378
- <td style="text-align:left">space-between-large</td>
5379
- <td style="text-align:left">Dimension</td>
5380
- <td style="text-align:left">1em</td>
5381
- <td style="text-align:left">Gap between item and dividers when using large-gap modifier</td>
5382
- </tr>
5383
- </tbody>
5384
- </table>
5385
5385
 
5386
5386
  </div>
5387
5387
  </div>