@ulu/frontend 0.1.0-beta.42 → 0.1.0-beta.44

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 (68) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/ulu-frontend.min.css +1 -1
  3. package/docs-dev/changelog/index.html +27 -0
  4. package/docs-dev/demos/card/index.html +2 -2
  5. package/docs-dev/demos/popovers/index.html +5453 -0
  6. package/docs-dev/sass/base/elements/index.html +70 -70
  7. package/docs-dev/sass/base/index/index.html +56 -56
  8. package/docs-dev/sass/base/layout/index.html +63 -63
  9. package/docs-dev/sass/components/accordion/index.html +118 -118
  10. package/docs-dev/sass/components/adaptive-spacing/index.html +124 -124
  11. package/docs-dev/sass/components/badge/index.html +96 -96
  12. package/docs-dev/sass/components/basic-hero/index.html +62 -62
  13. package/docs-dev/sass/components/button/index.html +49 -49
  14. package/docs-dev/sass/components/button-verbose/index.html +128 -128
  15. package/docs-dev/sass/components/callout/index.html +163 -163
  16. package/docs-dev/sass/components/captioned-figure/index.html +114 -114
  17. package/docs-dev/sass/components/card/index.html +198 -175
  18. package/docs-dev/sass/components/card-grid/index.html +70 -70
  19. package/docs-dev/sass/components/counter-list/index.html +119 -119
  20. package/docs-dev/sass/components/css-icon/index.html +140 -140
  21. package/docs-dev/sass/components/data-grid/index.html +166 -166
  22. package/docs-dev/sass/components/data-table/index.html +114 -114
  23. package/docs-dev/sass/components/flipcard/index.html +162 -162
  24. package/docs-dev/sass/components/flipcard-grid/index.html +57 -57
  25. package/docs-dev/sass/components/form-theme/index.html +265 -265
  26. package/docs-dev/sass/components/hero/index.html +107 -107
  27. package/docs-dev/sass/components/horizontal-rule/index.html +56 -56
  28. package/docs-dev/sass/components/image-grid/index.html +63 -63
  29. package/docs-dev/sass/components/index/index.html +95 -95
  30. package/docs-dev/sass/components/list-inline/index.html +77 -77
  31. package/docs-dev/sass/components/list-lines/index.html +98 -98
  32. package/docs-dev/sass/components/menu-stack/index.html +119 -119
  33. package/docs-dev/sass/components/modal/index.html +114 -114
  34. package/docs-dev/sass/components/nav-strip/index.html +114 -114
  35. package/docs-dev/sass/components/overlay-section/index.html +101 -101
  36. package/docs-dev/sass/components/pager/index.html +114 -114
  37. package/docs-dev/sass/components/placeholder-block/index.html +114 -114
  38. package/docs-dev/sass/components/popover/index.html +114 -114
  39. package/docs-dev/sass/components/pull-quote/index.html +114 -114
  40. package/docs-dev/sass/components/ratio-box/index.html +60 -60
  41. package/docs-dev/sass/components/rule/index.html +63 -63
  42. package/docs-dev/sass/components/scroll-slider/index.html +114 -114
  43. package/docs-dev/sass/components/skip-link/index.html +34 -34
  44. package/docs-dev/sass/components/slider/index.html +114 -114
  45. package/docs-dev/sass/components/spoke-spinner/index.html +56 -56
  46. package/docs-dev/sass/components/sticky-list/index.html +145 -145
  47. package/docs-dev/sass/components/tabs/index.html +114 -114
  48. package/docs-dev/sass/components/tag/index.html +161 -161
  49. package/docs-dev/sass/components/tile-button/index.html +101 -101
  50. package/docs-dev/sass/components/tile-grid/index.html +142 -142
  51. package/docs-dev/sass/components/tile-grid-overlay/index.html +37 -37
  52. package/docs-dev/sass/components/vignette/index.html +56 -56
  53. package/docs-dev/sass/components/wysiwyg/index.html +65 -65
  54. package/docs-dev/sass/core/breakpoint/index.html +100 -100
  55. package/docs-dev/sass/core/button/index.html +535 -535
  56. package/docs-dev/sass/core/color/index.html +157 -157
  57. package/docs-dev/sass/core/cssvar/index.html +49 -49
  58. package/docs-dev/sass/core/element/index.html +504 -504
  59. package/docs-dev/sass/core/layout/index.html +107 -107
  60. package/docs-dev/sass/core/path/index.html +32 -32
  61. package/docs-dev/sass/core/selector/index.html +49 -49
  62. package/docs-dev/sass/core/typography/index.html +265 -265
  63. package/docs-dev/sass/core/units/index.html +81 -81
  64. package/docs-dev/sass/core/utils/index.html +70 -70
  65. package/docs-dev/sass/helpers/index/index.html +53 -53
  66. package/docs-dev/sass/helpers/units/index.html +47 -47
  67. package/package.json +5 -2
  68. package/scss/components/_card.scss +25 -11
package/docs-dev/sass/components/button-verbose/index.html CHANGED
@@ -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>
@@ -5210,125 +5210,6 @@
5210
5210
  <div class="type-large">
5211
5211
  <p>A button that has additional markup (ie. page with description for example). Used on things like linear pagination (up next).</p>
5212
5212
  </div>
5213
- <h2 id="mixins" tabindex="-1">Mixins</h2>
5214
- <div class="sassdoc-item-header">
5215
- <h3 id="mixin-set" tabindex="-1">set()</h3>
5216
- <div class="sassdoc-item-header__labels">
5217
- <span class="tag tag--primary"><strong>Mixin</strong></span>
5218
- </div>
5219
- </div>
5220
- <p>Change modules $config</p>
5221
- <details>
5222
- <summary>File Information</summary>
5223
- <ul>
5224
- <li><strong>File:</strong> _button-verbose.scss</li>
5225
- <li><strong>Group:</strong> button-verbose</li>
5226
- <li><strong>Type:</strong> mixin</li>
5227
- <li><strong>Lines (comments):</strong> 102-105</li>
5228
- <li><strong>Lines (code):</strong> 107-109</li>
5229
- </ul>
5230
- </details>
5231
- <h4 id="examples" tabindex="-1">Examples</h4>
5232
- <pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-keyword">@include</span> ulu.<span class="pjs-token pjs-function">component-button-verbose-set</span><span class="pjs-token pjs-punctuation">(</span><span class="pjs-token pjs-punctuation">(</span> <span class="pjs-token pjs-string">"property"</span> <span class="pjs-token pjs-punctuation">:</span> value <span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span></code></pre>
5233
- <h4 id="parameters" tabindex="-1">Parameters</h4>
5234
- <table>
5235
- <thead>
5236
- <tr>
5237
- <th style="text-align:left">Name</th>
5238
- <th style="text-align:left">Type</th>
5239
- <th style="text-align:left">Description</th>
5240
- </tr>
5241
- </thead>
5242
- <tbody>
5243
- <tr>
5244
- <td style="text-align:left">$changes</td>
5245
- <td style="text-align:left"><code>Map</code></td>
5246
- <td style="text-align:left">Map of changes</td>
5247
- </tr>
5248
- </tbody>
5249
- </table>
5250
- <h4 id="require" tabindex="-1">Require</h4>
5251
- <ul>
5252
- <li><a href="/frontend/sass/components/accordion/#variable-config">$config</a></li>
5253
- </ul>
5254
- <div class="sassdoc-item-header">
5255
- <h3 id="mixin-styles" tabindex="-1">styles()</h3>
5256
- <div class="sassdoc-item-header__labels">
5257
- <span class="tag tag--primary"><strong>Mixin</strong></span>
5258
- </div>
5259
- </div>
5260
- <p>Prints component styles</p>
5261
- <details>
5262
- <summary>File Information</summary>
5263
- <ul>
5264
- <li><strong>File:</strong> _button-verbose.scss</li>
5265
- <li><strong>Group:</strong> button-verbose</li>
5266
- <li><strong>Type:</strong> mixin</li>
5267
- <li><strong>Lines (comments):</strong> 121-129</li>
5268
- <li><strong>Lines (code):</strong> 131-220</li>
5269
- </ul>
5270
- </details>
5271
- <h4 id="examples-1" tabindex="-1">Examples</h4>
5272
- <pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-keyword">@include</span> ulu.<span class="pjs-token pjs-function">component-button-verbose-styles</span><span class="pjs-token pjs-punctuation">(</span><span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span></code></pre>
5273
- <p>Basic Example</p>
5274
- <pre class="language-html"><code class="language-html"><span class="pjs-token pjs-tag"><span class="pjs-token pjs-tag"><span class="pjs-token pjs-punctuation">&lt;</span>a</span> <span class="pjs-token pjs-attr-name">href</span><span class="pjs-token pjs-attr-value"><span class="pjs-token pjs-punctuation pjs-attr-equals">=</span><span class="pjs-token pjs-punctuation">"</span>#<span class="pjs-token pjs-punctuation">"</span></span> <span class="pjs-token pjs-attr-name">class</span><span class="pjs-token pjs-attr-value"><span class="pjs-token pjs-punctuation pjs-attr-equals">=</span><span class="pjs-token pjs-punctuation">"</span>button-verbose<span class="pjs-token pjs-punctuation">"</span></span><span class="pjs-token pjs-punctuation">></span></span>
5275
- <span class="pjs-token pjs-tag"><span class="pjs-token pjs-tag"><span class="pjs-token pjs-punctuation">&lt;</span>strong</span> <span class="pjs-token pjs-attr-name">class</span><span class="pjs-token pjs-attr-value"><span class="pjs-token pjs-punctuation pjs-attr-equals">=</span><span class="pjs-token pjs-punctuation">"</span>button-verbose__title<span class="pjs-token pjs-punctuation">"</span></span><span class="pjs-token pjs-punctuation">></span></span>Example Link<span class="pjs-token pjs-tag"><span class="pjs-token pjs-tag"><span class="pjs-token pjs-punctuation">&lt;/</span>strong</span><span class="pjs-token pjs-punctuation">></span></span>
5276
- <span class="pjs-token pjs-tag"><span class="pjs-token pjs-tag"><span class="pjs-token pjs-punctuation">&lt;</span>span</span> <span class="pjs-token pjs-attr-name">class</span><span class="pjs-token pjs-attr-value"><span class="pjs-token pjs-punctuation pjs-attr-equals">=</span><span class="pjs-token pjs-punctuation">"</span>button-verbose__body<span class="pjs-token pjs-punctuation">"</span></span><span class="pjs-token pjs-punctuation">></span></span>This is the body<span class="pjs-token pjs-tag"><span class="pjs-token pjs-tag"><span class="pjs-token pjs-punctuation">&lt;/</span>span</span><span class="pjs-token pjs-punctuation">></span></span>
5277
- <span class="pjs-token pjs-tag"><span class="pjs-token pjs-tag"><span class="pjs-token pjs-punctuation">&lt;</span>span</span> <span class="pjs-token pjs-attr-name">class</span><span class="pjs-token pjs-attr-value"><span class="pjs-token pjs-punctuation pjs-attr-equals">=</span><span class="pjs-token pjs-punctuation">"</span>button-verbose__icon fas fa-arrow-right<span class="pjs-token pjs-punctuation">"</span></span> <span class="pjs-token pjs-attr-name">aria-hidden</span><span class="pjs-token pjs-attr-value"><span class="pjs-token pjs-punctuation pjs-attr-equals">=</span><span class="pjs-token pjs-punctuation">"</span>true<span class="pjs-token pjs-punctuation">"</span></span><span class="pjs-token pjs-punctuation">></span></span><span class="pjs-token pjs-tag"><span class="pjs-token pjs-tag"><span class="pjs-token pjs-punctuation">&lt;/</span>span</span><span class="pjs-token pjs-punctuation">></span></span>
5278
- <span class="pjs-token pjs-tag"><span class="pjs-token pjs-tag"><span class="pjs-token pjs-punctuation">&lt;/</span>a</span><span class="pjs-token pjs-punctuation">></span></span></code></pre>
5279
- <h5 id="preview" tabindex="-1">Preview</h5>
5280
- <div>
5281
- <a href="#" class="button-verbose">
5282
- <strong class="button-verbose__title">Example Link</strong>
5283
- <span class="button-verbose__body">This is the body</span>
5284
- <span class="button-verbose__icon fas fa-arrow-right" aria-hidden="true"></span>
5285
- </a>
5286
- </div>
5287
- <h4 id="require-1" tabindex="-1">Require</h4>
5288
- <ul>
5289
- <li><a href="/frontend/sass/components/accordion/#function-get">get()</a></li>
5290
- </ul>
5291
- <h2 id="functions" tabindex="-1">Functions</h2>
5292
- <div class="sassdoc-item-header">
5293
- <h3 id="function-get" tabindex="-1">get()</h3>
5294
- <div class="sassdoc-item-header__labels">
5295
- <span class="tag tag--primary"><strong>Function</strong></span>
5296
- </div>
5297
- </div>
5298
- <p>Get a config option</p>
5299
- <details>
5300
- <summary>File Information</summary>
5301
- <ul>
5302
- <li><strong>File:</strong> _button-verbose.scss</li>
5303
- <li><strong>Group:</strong> button-verbose</li>
5304
- <li><strong>Type:</strong> function</li>
5305
- <li><strong>Lines (comments):</strong> 111-114</li>
5306
- <li><strong>Lines (code):</strong> 116-119</li>
5307
- </ul>
5308
- </details>
5309
- <h4 id="examples-2" tabindex="-1">Examples</h4>
5310
- <pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-keyword">@include</span> ulu.<span class="pjs-token pjs-function">component-button-verbose-get</span><span class="pjs-token pjs-punctuation">(</span><span class="pjs-token pjs-punctuation">(</span> <span class="pjs-token pjs-string">"property"</span> <span class="pjs-token pjs-punctuation">:</span> value <span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span></code></pre>
5311
- <h4 id="parameters-1" tabindex="-1">Parameters</h4>
5312
- <table>
5313
- <thead>
5314
- <tr>
5315
- <th style="text-align:left">Name</th>
5316
- <th style="text-align:left">Type</th>
5317
- <th style="text-align:left">Description</th>
5318
- </tr>
5319
- </thead>
5320
- <tbody>
5321
- <tr>
5322
- <td style="text-align:left">$name</td>
5323
- <td style="text-align:left"><code>Map</code></td>
5324
- <td style="text-align:left">Name of property</td>
5325
- </tr>
5326
- </tbody>
5327
- </table>
5328
- <h4 id="require-2" tabindex="-1">Require</h4>
5329
- <ul>
5330
- <li><a href="/frontend/sass/components/accordion/#variable-config">$config</a></li>
5331
- </ul>
5332
5213
  <h2 id="variables" tabindex="-1">Variables</h2>
5333
5214
  <div class="sassdoc-item-header">
5334
5215
  <h3 id="variable-config" tabindex="-1">$config</h3>
@@ -5549,6 +5430,125 @@
5549
5430
  </tr>
5550
5431
  </tbody>
5551
5432
  </table>
5433
+ <h2 id="mixins" tabindex="-1">Mixins</h2>
5434
+ <div class="sassdoc-item-header">
5435
+ <h3 id="mixin-set" tabindex="-1">set()</h3>
5436
+ <div class="sassdoc-item-header__labels">
5437
+ <span class="tag tag--primary"><strong>Mixin</strong></span>
5438
+ </div>
5439
+ </div>
5440
+ <p>Change modules $config</p>
5441
+ <details>
5442
+ <summary>File Information</summary>
5443
+ <ul>
5444
+ <li><strong>File:</strong> _button-verbose.scss</li>
5445
+ <li><strong>Group:</strong> button-verbose</li>
5446
+ <li><strong>Type:</strong> mixin</li>
5447
+ <li><strong>Lines (comments):</strong> 102-105</li>
5448
+ <li><strong>Lines (code):</strong> 107-109</li>
5449
+ </ul>
5450
+ </details>
5451
+ <h4 id="examples" tabindex="-1">Examples</h4>
5452
+ <pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-keyword">@include</span> ulu.<span class="pjs-token pjs-function">component-button-verbose-set</span><span class="pjs-token pjs-punctuation">(</span><span class="pjs-token pjs-punctuation">(</span> <span class="pjs-token pjs-string">"property"</span> <span class="pjs-token pjs-punctuation">:</span> value <span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span></code></pre>
5453
+ <h4 id="parameters" tabindex="-1">Parameters</h4>
5454
+ <table>
5455
+ <thead>
5456
+ <tr>
5457
+ <th style="text-align:left">Name</th>
5458
+ <th style="text-align:left">Type</th>
5459
+ <th style="text-align:left">Description</th>
5460
+ </tr>
5461
+ </thead>
5462
+ <tbody>
5463
+ <tr>
5464
+ <td style="text-align:left">$changes</td>
5465
+ <td style="text-align:left"><code>Map</code></td>
5466
+ <td style="text-align:left">Map of changes</td>
5467
+ </tr>
5468
+ </tbody>
5469
+ </table>
5470
+ <h4 id="require" tabindex="-1">Require</h4>
5471
+ <ul>
5472
+ <li><a href="/frontend/sass/components/accordion/#variable-config">$config</a></li>
5473
+ </ul>
5474
+ <div class="sassdoc-item-header">
5475
+ <h3 id="mixin-styles" tabindex="-1">styles()</h3>
5476
+ <div class="sassdoc-item-header__labels">
5477
+ <span class="tag tag--primary"><strong>Mixin</strong></span>
5478
+ </div>
5479
+ </div>
5480
+ <p>Prints component styles</p>
5481
+ <details>
5482
+ <summary>File Information</summary>
5483
+ <ul>
5484
+ <li><strong>File:</strong> _button-verbose.scss</li>
5485
+ <li><strong>Group:</strong> button-verbose</li>
5486
+ <li><strong>Type:</strong> mixin</li>
5487
+ <li><strong>Lines (comments):</strong> 121-129</li>
5488
+ <li><strong>Lines (code):</strong> 131-220</li>
5489
+ </ul>
5490
+ </details>
5491
+ <h4 id="examples-1" tabindex="-1">Examples</h4>
5492
+ <pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-keyword">@include</span> ulu.<span class="pjs-token pjs-function">component-button-verbose-styles</span><span class="pjs-token pjs-punctuation">(</span><span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span></code></pre>
5493
+ <p>Basic Example</p>
5494
+ <pre class="language-html"><code class="language-html"><span class="pjs-token pjs-tag"><span class="pjs-token pjs-tag"><span class="pjs-token pjs-punctuation">&lt;</span>a</span> <span class="pjs-token pjs-attr-name">href</span><span class="pjs-token pjs-attr-value"><span class="pjs-token pjs-punctuation pjs-attr-equals">=</span><span class="pjs-token pjs-punctuation">"</span>#<span class="pjs-token pjs-punctuation">"</span></span> <span class="pjs-token pjs-attr-name">class</span><span class="pjs-token pjs-attr-value"><span class="pjs-token pjs-punctuation pjs-attr-equals">=</span><span class="pjs-token pjs-punctuation">"</span>button-verbose<span class="pjs-token pjs-punctuation">"</span></span><span class="pjs-token pjs-punctuation">></span></span>
5495
+ <span class="pjs-token pjs-tag"><span class="pjs-token pjs-tag"><span class="pjs-token pjs-punctuation">&lt;</span>strong</span> <span class="pjs-token pjs-attr-name">class</span><span class="pjs-token pjs-attr-value"><span class="pjs-token pjs-punctuation pjs-attr-equals">=</span><span class="pjs-token pjs-punctuation">"</span>button-verbose__title<span class="pjs-token pjs-punctuation">"</span></span><span class="pjs-token pjs-punctuation">></span></span>Example Link<span class="pjs-token pjs-tag"><span class="pjs-token pjs-tag"><span class="pjs-token pjs-punctuation">&lt;/</span>strong</span><span class="pjs-token pjs-punctuation">></span></span>
5496
+ <span class="pjs-token pjs-tag"><span class="pjs-token pjs-tag"><span class="pjs-token pjs-punctuation">&lt;</span>span</span> <span class="pjs-token pjs-attr-name">class</span><span class="pjs-token pjs-attr-value"><span class="pjs-token pjs-punctuation pjs-attr-equals">=</span><span class="pjs-token pjs-punctuation">"</span>button-verbose__body<span class="pjs-token pjs-punctuation">"</span></span><span class="pjs-token pjs-punctuation">></span></span>This is the body<span class="pjs-token pjs-tag"><span class="pjs-token pjs-tag"><span class="pjs-token pjs-punctuation">&lt;/</span>span</span><span class="pjs-token pjs-punctuation">></span></span>
5497
+ <span class="pjs-token pjs-tag"><span class="pjs-token pjs-tag"><span class="pjs-token pjs-punctuation">&lt;</span>span</span> <span class="pjs-token pjs-attr-name">class</span><span class="pjs-token pjs-attr-value"><span class="pjs-token pjs-punctuation pjs-attr-equals">=</span><span class="pjs-token pjs-punctuation">"</span>button-verbose__icon fas fa-arrow-right<span class="pjs-token pjs-punctuation">"</span></span> <span class="pjs-token pjs-attr-name">aria-hidden</span><span class="pjs-token pjs-attr-value"><span class="pjs-token pjs-punctuation pjs-attr-equals">=</span><span class="pjs-token pjs-punctuation">"</span>true<span class="pjs-token pjs-punctuation">"</span></span><span class="pjs-token pjs-punctuation">></span></span><span class="pjs-token pjs-tag"><span class="pjs-token pjs-tag"><span class="pjs-token pjs-punctuation">&lt;/</span>span</span><span class="pjs-token pjs-punctuation">></span></span>
5498
+ <span class="pjs-token pjs-tag"><span class="pjs-token pjs-tag"><span class="pjs-token pjs-punctuation">&lt;/</span>a</span><span class="pjs-token pjs-punctuation">></span></span></code></pre>
5499
+ <h5 id="preview" tabindex="-1">Preview</h5>
5500
+ <div>
5501
+ <a href="#" class="button-verbose">
5502
+ <strong class="button-verbose__title">Example Link</strong>
5503
+ <span class="button-verbose__body">This is the body</span>
5504
+ <span class="button-verbose__icon fas fa-arrow-right" aria-hidden="true"></span>
5505
+ </a>
5506
+ </div>
5507
+ <h4 id="require-1" tabindex="-1">Require</h4>
5508
+ <ul>
5509
+ <li><a href="/frontend/sass/components/accordion/#function-get">get()</a></li>
5510
+ </ul>
5511
+ <h2 id="functions" tabindex="-1">Functions</h2>
5512
+ <div class="sassdoc-item-header">
5513
+ <h3 id="function-get" tabindex="-1">get()</h3>
5514
+ <div class="sassdoc-item-header__labels">
5515
+ <span class="tag tag--primary"><strong>Function</strong></span>
5516
+ </div>
5517
+ </div>
5518
+ <p>Get a config option</p>
5519
+ <details>
5520
+ <summary>File Information</summary>
5521
+ <ul>
5522
+ <li><strong>File:</strong> _button-verbose.scss</li>
5523
+ <li><strong>Group:</strong> button-verbose</li>
5524
+ <li><strong>Type:</strong> function</li>
5525
+ <li><strong>Lines (comments):</strong> 111-114</li>
5526
+ <li><strong>Lines (code):</strong> 116-119</li>
5527
+ </ul>
5528
+ </details>
5529
+ <h4 id="examples-2" tabindex="-1">Examples</h4>
5530
+ <pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-keyword">@include</span> ulu.<span class="pjs-token pjs-function">component-button-verbose-get</span><span class="pjs-token pjs-punctuation">(</span><span class="pjs-token pjs-punctuation">(</span> <span class="pjs-token pjs-string">"property"</span> <span class="pjs-token pjs-punctuation">:</span> value <span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span></code></pre>
5531
+ <h4 id="parameters-1" tabindex="-1">Parameters</h4>
5532
+ <table>
5533
+ <thead>
5534
+ <tr>
5535
+ <th style="text-align:left">Name</th>
5536
+ <th style="text-align:left">Type</th>
5537
+ <th style="text-align:left">Description</th>
5538
+ </tr>
5539
+ </thead>
5540
+ <tbody>
5541
+ <tr>
5542
+ <td style="text-align:left">$name</td>
5543
+ <td style="text-align:left"><code>Map</code></td>
5544
+ <td style="text-align:left">Name of property</td>
5545
+ </tr>
5546
+ </tbody>
5547
+ </table>
5548
+ <h4 id="require-2" tabindex="-1">Require</h4>
5549
+ <ul>
5550
+ <li><a href="/frontend/sass/components/accordion/#variable-config">$config</a></li>
5551
+ </ul>
5552
5552
 
5553
5553
  </div>
5554
5554
  </div>