@ulu/frontend 0.1.0-beta.42 → 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.
- package/CHANGELOG.md +5 -0
- package/dist/ulu-frontend.min.css +1 -1
- package/docs-dev/changelog/index.html +16 -0
- package/docs-dev/demos/card/index.html +16 -16
- package/docs-dev/demos/data-table/index.html +100 -100
- package/docs-dev/demos/popovers/index.html +5453 -0
- package/docs-dev/sass/base/elements/index.html +70 -70
- package/docs-dev/sass/base/index/index.html +56 -56
- package/docs-dev/sass/base/layout/index.html +63 -63
- package/docs-dev/sass/components/accordion/index.html +118 -118
- package/docs-dev/sass/components/adaptive-spacing/index.html +124 -124
- package/docs-dev/sass/components/badge/index.html +96 -96
- package/docs-dev/sass/components/basic-hero/index.html +62 -62
- package/docs-dev/sass/components/button/index.html +49 -49
- package/docs-dev/sass/components/button-verbose/index.html +128 -128
- package/docs-dev/sass/components/callout/index.html +163 -163
- package/docs-dev/sass/components/captioned-figure/index.html +114 -114
- package/docs-dev/sass/components/card/index.html +170 -170
- package/docs-dev/sass/components/card-grid/index.html +70 -70
- package/docs-dev/sass/components/counter-list/index.html +119 -119
- package/docs-dev/sass/components/css-icon/index.html +140 -140
- package/docs-dev/sass/components/data-grid/index.html +166 -166
- package/docs-dev/sass/components/data-table/index.html +114 -114
- package/docs-dev/sass/components/flipcard/index.html +162 -162
- package/docs-dev/sass/components/flipcard-grid/index.html +57 -57
- package/docs-dev/sass/components/form-theme/index.html +265 -265
- package/docs-dev/sass/components/hero/index.html +107 -107
- package/docs-dev/sass/components/horizontal-rule/index.html +56 -56
- package/docs-dev/sass/components/image-grid/index.html +63 -63
- package/docs-dev/sass/components/index/index.html +95 -95
- package/docs-dev/sass/components/list-inline/index.html +77 -77
- package/docs-dev/sass/components/list-lines/index.html +98 -98
- package/docs-dev/sass/components/menu-stack/index.html +119 -119
- package/docs-dev/sass/components/modal/index.html +114 -114
- package/docs-dev/sass/components/nav-strip/index.html +114 -114
- package/docs-dev/sass/components/overlay-section/index.html +101 -101
- package/docs-dev/sass/components/pager/index.html +114 -114
- package/docs-dev/sass/components/placeholder-block/index.html +114 -114
- package/docs-dev/sass/components/popover/index.html +114 -114
- package/docs-dev/sass/components/pull-quote/index.html +114 -114
- package/docs-dev/sass/components/ratio-box/index.html +60 -60
- package/docs-dev/sass/components/rule/index.html +63 -63
- package/docs-dev/sass/components/scroll-slider/index.html +114 -114
- package/docs-dev/sass/components/skip-link/index.html +34 -34
- package/docs-dev/sass/components/slider/index.html +114 -114
- package/docs-dev/sass/components/spoke-spinner/index.html +56 -56
- package/docs-dev/sass/components/sticky-list/index.html +145 -145
- package/docs-dev/sass/components/tabs/index.html +114 -114
- package/docs-dev/sass/components/tag/index.html +161 -161
- package/docs-dev/sass/components/tile-button/index.html +101 -101
- package/docs-dev/sass/components/tile-grid/index.html +142 -142
- package/docs-dev/sass/components/tile-grid-overlay/index.html +37 -37
- package/docs-dev/sass/components/vignette/index.html +56 -56
- package/docs-dev/sass/components/wysiwyg/index.html +65 -65
- package/docs-dev/sass/core/breakpoint/index.html +100 -100
- package/docs-dev/sass/core/button/index.html +535 -535
- package/docs-dev/sass/core/color/index.html +157 -157
- package/docs-dev/sass/core/cssvar/index.html +49 -49
- package/docs-dev/sass/core/element/index.html +504 -504
- package/docs-dev/sass/core/layout/index.html +107 -107
- package/docs-dev/sass/core/path/index.html +32 -32
- package/docs-dev/sass/core/selector/index.html +49 -49
- package/docs-dev/sass/core/typography/index.html +265 -265
- package/docs-dev/sass/core/units/index.html +81 -81
- package/docs-dev/sass/core/utils/index.html +70 -70
- package/docs-dev/sass/helpers/index/index.html +53 -53
- package/docs-dev/sass/helpers/units/index.html +47 -47
- package/package.json +1 -1
- package/scss/components/_card.scss +9 -6
|
@@ -5166,6 +5166,18 @@
|
|
|
5166
5166
|
<div class="toc">
|
|
5167
5167
|
<ol>
|
|
5168
5168
|
|
|
5169
|
+
<li><a href="#variables">Variables</a>
|
|
5170
|
+
|
|
5171
|
+
<ol>
|
|
5172
|
+
|
|
5173
|
+
<li><a href="#variable-config">$config</a>
|
|
5174
|
+
</li>
|
|
5175
|
+
|
|
5176
|
+
<li><a href="#variable-styles">$styles</a>
|
|
5177
|
+
</li>
|
|
5178
|
+
</ol>
|
|
5179
|
+
</li>
|
|
5180
|
+
|
|
5169
5181
|
<li><a href="#mixins">Mixins</a>
|
|
5170
5182
|
|
|
5171
5183
|
<ol>
|
|
@@ -5187,18 +5199,6 @@
|
|
|
5187
5199
|
|
|
5188
5200
|
<li><a href="#function-get">get()</a>
|
|
5189
5201
|
</li>
|
|
5190
|
-
</ol>
|
|
5191
|
-
</li>
|
|
5192
|
-
|
|
5193
|
-
<li><a href="#variables">Variables</a>
|
|
5194
|
-
|
|
5195
|
-
<ol>
|
|
5196
|
-
|
|
5197
|
-
<li><a href="#variable-config">$config</a>
|
|
5198
|
-
</li>
|
|
5199
|
-
|
|
5200
|
-
<li><a href="#variable-styles">$styles</a>
|
|
5201
|
-
</li>
|
|
5202
5202
|
</ol>
|
|
5203
5203
|
</li>
|
|
5204
5204
|
</ol>
|
|
@@ -5216,157 +5216,6 @@
|
|
|
5216
5216
|
<div class="type-large">
|
|
5217
5217
|
<p>A container for content that highlights important information, provides context, or guides user attention within an interface</p>
|
|
5218
5218
|
</div>
|
|
5219
|
-
<h2 id="mixins" tabindex="-1">Mixins</h2>
|
|
5220
|
-
<div class="sassdoc-item-header">
|
|
5221
|
-
<h3 id="mixin-set" tabindex="-1">set()</h3>
|
|
5222
|
-
<div class="sassdoc-item-header__labels">
|
|
5223
|
-
<span class="tag tag--primary"><strong>Mixin</strong></span>
|
|
5224
|
-
</div>
|
|
5225
|
-
</div>
|
|
5226
|
-
<p>Change modules $config</p>
|
|
5227
|
-
<details>
|
|
5228
|
-
<summary>File Information</summary>
|
|
5229
|
-
<ul>
|
|
5230
|
-
<li><strong>File:</strong> _callout.scss</li>
|
|
5231
|
-
<li><strong>Group:</strong> callout</li>
|
|
5232
|
-
<li><strong>Type:</strong> mixin</li>
|
|
5233
|
-
<li><strong>Lines (comments):</strong> 78-81</li>
|
|
5234
|
-
<li><strong>Lines (code):</strong> 83-85</li>
|
|
5235
|
-
</ul>
|
|
5236
|
-
</details>
|
|
5237
|
-
<h4 id="examples" tabindex="-1">Examples</h4>
|
|
5238
|
-
<pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-keyword">@include</span> ulu.<span class="pjs-token pjs-function">component-callout-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>
|
|
5239
|
-
<h4 id="parameters" tabindex="-1">Parameters</h4>
|
|
5240
|
-
<table>
|
|
5241
|
-
<thead>
|
|
5242
|
-
<tr>
|
|
5243
|
-
<th style="text-align:left">Name</th>
|
|
5244
|
-
<th style="text-align:left">Type</th>
|
|
5245
|
-
<th style="text-align:left">Description</th>
|
|
5246
|
-
</tr>
|
|
5247
|
-
</thead>
|
|
5248
|
-
<tbody>
|
|
5249
|
-
<tr>
|
|
5250
|
-
<td style="text-align:left">$changes</td>
|
|
5251
|
-
<td style="text-align:left"><code>Map</code></td>
|
|
5252
|
-
<td style="text-align:left">Map of changes</td>
|
|
5253
|
-
</tr>
|
|
5254
|
-
</tbody>
|
|
5255
|
-
</table>
|
|
5256
|
-
<h4 id="require" tabindex="-1">Require</h4>
|
|
5257
|
-
<ul>
|
|
5258
|
-
<li><a href="/frontend/sass/components/accordion/#variable-config">$config</a></li>
|
|
5259
|
-
</ul>
|
|
5260
|
-
<div class="sassdoc-item-header">
|
|
5261
|
-
<h3 id="mixin-set-styles" tabindex="-1">set-styles()</h3>
|
|
5262
|
-
<div class="sassdoc-item-header__labels">
|
|
5263
|
-
<span class="tag tag--primary"><strong>Mixin</strong></span>
|
|
5264
|
-
</div>
|
|
5265
|
-
</div>
|
|
5266
|
-
<p>Set callout style variations</p>
|
|
5267
|
-
<ul>
|
|
5268
|
-
<li>Styles that modify padding when using mix-match caps on/off should be included last</li>
|
|
5269
|
-
</ul>
|
|
5270
|
-
<details>
|
|
5271
|
-
<summary>File Information</summary>
|
|
5272
|
-
<ul>
|
|
5273
|
-
<li><strong>File:</strong> _callout.scss</li>
|
|
5274
|
-
<li><strong>Group:</strong> callout</li>
|
|
5275
|
-
<li><strong>Type:</strong> mixin</li>
|
|
5276
|
-
<li><strong>Lines (comments):</strong> 97-100</li>
|
|
5277
|
-
<li><strong>Lines (code):</strong> 102-104</li>
|
|
5278
|
-
</ul>
|
|
5279
|
-
</details>
|
|
5280
|
-
<h4 id="parameters-1" tabindex="-1">Parameters</h4>
|
|
5281
|
-
<table>
|
|
5282
|
-
<thead>
|
|
5283
|
-
<tr>
|
|
5284
|
-
<th style="text-align:left">Name</th>
|
|
5285
|
-
<th style="text-align:left">Type</th>
|
|
5286
|
-
<th style="text-align:left">Description</th>
|
|
5287
|
-
</tr>
|
|
5288
|
-
</thead>
|
|
5289
|
-
<tbody>
|
|
5290
|
-
<tr>
|
|
5291
|
-
<td style="text-align:left">$changes</td>
|
|
5292
|
-
<td style="text-align:left"><code>Map</code></td>
|
|
5293
|
-
<td style="text-align:left">Map of changes (options for style include [background-color, color, border-color, border-radius, border-width, box-shadow, padding, cap, cap-options]</td>
|
|
5294
|
-
</tr>
|
|
5295
|
-
<tr>
|
|
5296
|
-
<td style="text-align:left">$merge-mode</td>
|
|
5297
|
-
<td style="text-align:left"><code>String</code></td>
|
|
5298
|
-
<td style="text-align:left">Merge mode see utils.map-merge() [null</td>
|
|
5299
|
-
</tr>
|
|
5300
|
-
</tbody>
|
|
5301
|
-
</table>
|
|
5302
|
-
<h4 id="require-1" tabindex="-1">Require</h4>
|
|
5303
|
-
<ul>
|
|
5304
|
-
<li><a href="/frontend/sass/components/callout/#variable-styles">$styles</a></li>
|
|
5305
|
-
</ul>
|
|
5306
|
-
<div class="sassdoc-item-header">
|
|
5307
|
-
<h3 id="mixin-styles" tabindex="-1">styles()</h3>
|
|
5308
|
-
<div class="sassdoc-item-header__labels">
|
|
5309
|
-
<span class="tag tag--primary"><strong>Mixin</strong></span>
|
|
5310
|
-
</div>
|
|
5311
|
-
</div>
|
|
5312
|
-
<p>Output component stylesheet</p>
|
|
5313
|
-
<details>
|
|
5314
|
-
<summary>File Information</summary>
|
|
5315
|
-
<ul>
|
|
5316
|
-
<li><strong>File:</strong> _callout.scss</li>
|
|
5317
|
-
<li><strong>Group:</strong> callout</li>
|
|
5318
|
-
<li><strong>Type:</strong> mixin</li>
|
|
5319
|
-
<li><strong>Lines (comments):</strong> 106-108</li>
|
|
5320
|
-
<li><strong>Lines (code):</strong> 110-158</li>
|
|
5321
|
-
</ul>
|
|
5322
|
-
</details>
|
|
5323
|
-
<h4 id="examples-1" tabindex="-1">Examples</h4>
|
|
5324
|
-
<pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-keyword">@include</span> ulu.<span class="pjs-token pjs-function">component-callout-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>
|
|
5325
|
-
<h4 id="require-2" tabindex="-1">Require</h4>
|
|
5326
|
-
<ul>
|
|
5327
|
-
<li><a href="/frontend/sass/components/accordion/#function-get">get()</a></li>
|
|
5328
|
-
</ul>
|
|
5329
|
-
<h2 id="functions" tabindex="-1">Functions</h2>
|
|
5330
|
-
<div class="sassdoc-item-header">
|
|
5331
|
-
<h3 id="function-get" tabindex="-1">get()</h3>
|
|
5332
|
-
<div class="sassdoc-item-header__labels">
|
|
5333
|
-
<span class="tag tag--primary"><strong>Function</strong></span>
|
|
5334
|
-
</div>
|
|
5335
|
-
</div>
|
|
5336
|
-
<p>Get a config option</p>
|
|
5337
|
-
<details>
|
|
5338
|
-
<summary>File Information</summary>
|
|
5339
|
-
<ul>
|
|
5340
|
-
<li><strong>File:</strong> _callout.scss</li>
|
|
5341
|
-
<li><strong>Group:</strong> callout</li>
|
|
5342
|
-
<li><strong>Type:</strong> function</li>
|
|
5343
|
-
<li><strong>Lines (comments):</strong> 87-90</li>
|
|
5344
|
-
<li><strong>Lines (code):</strong> 92-95</li>
|
|
5345
|
-
</ul>
|
|
5346
|
-
</details>
|
|
5347
|
-
<h4 id="examples-2" tabindex="-1">Examples</h4>
|
|
5348
|
-
<pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-keyword">@include</span> ulu.<span class="pjs-token pjs-function">component-callout-get</span><span class="pjs-token pjs-punctuation">(</span><span class="pjs-token pjs-string">"property"</span><span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span></code></pre>
|
|
5349
|
-
<h4 id="parameters-2" tabindex="-1">Parameters</h4>
|
|
5350
|
-
<table>
|
|
5351
|
-
<thead>
|
|
5352
|
-
<tr>
|
|
5353
|
-
<th style="text-align:left">Name</th>
|
|
5354
|
-
<th style="text-align:left">Type</th>
|
|
5355
|
-
<th style="text-align:left">Description</th>
|
|
5356
|
-
</tr>
|
|
5357
|
-
</thead>
|
|
5358
|
-
<tbody>
|
|
5359
|
-
<tr>
|
|
5360
|
-
<td style="text-align:left">$name</td>
|
|
5361
|
-
<td style="text-align:left"><code>Map</code></td>
|
|
5362
|
-
<td style="text-align:left">Name of property</td>
|
|
5363
|
-
</tr>
|
|
5364
|
-
</tbody>
|
|
5365
|
-
</table>
|
|
5366
|
-
<h4 id="require-3" tabindex="-1">Require</h4>
|
|
5367
|
-
<ul>
|
|
5368
|
-
<li><a href="/frontend/sass/components/accordion/#variable-config">$config</a></li>
|
|
5369
|
-
</ul>
|
|
5370
5219
|
<h2 id="variables" tabindex="-1">Variables</h2>
|
|
5371
5220
|
<div class="sassdoc-item-header">
|
|
5372
5221
|
<h3 id="variable-config" tabindex="-1">$config</h3>
|
|
@@ -5524,6 +5373,157 @@
|
|
|
5524
5373
|
<li><strong>Lines (code):</strong> 60-76</li>
|
|
5525
5374
|
</ul>
|
|
5526
5375
|
</details>
|
|
5376
|
+
<h2 id="mixins" tabindex="-1">Mixins</h2>
|
|
5377
|
+
<div class="sassdoc-item-header">
|
|
5378
|
+
<h3 id="mixin-set" tabindex="-1">set()</h3>
|
|
5379
|
+
<div class="sassdoc-item-header__labels">
|
|
5380
|
+
<span class="tag tag--primary"><strong>Mixin</strong></span>
|
|
5381
|
+
</div>
|
|
5382
|
+
</div>
|
|
5383
|
+
<p>Change modules $config</p>
|
|
5384
|
+
<details>
|
|
5385
|
+
<summary>File Information</summary>
|
|
5386
|
+
<ul>
|
|
5387
|
+
<li><strong>File:</strong> _callout.scss</li>
|
|
5388
|
+
<li><strong>Group:</strong> callout</li>
|
|
5389
|
+
<li><strong>Type:</strong> mixin</li>
|
|
5390
|
+
<li><strong>Lines (comments):</strong> 78-81</li>
|
|
5391
|
+
<li><strong>Lines (code):</strong> 83-85</li>
|
|
5392
|
+
</ul>
|
|
5393
|
+
</details>
|
|
5394
|
+
<h4 id="examples" tabindex="-1">Examples</h4>
|
|
5395
|
+
<pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-keyword">@include</span> ulu.<span class="pjs-token pjs-function">component-callout-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>
|
|
5396
|
+
<h4 id="parameters" tabindex="-1">Parameters</h4>
|
|
5397
|
+
<table>
|
|
5398
|
+
<thead>
|
|
5399
|
+
<tr>
|
|
5400
|
+
<th style="text-align:left">Name</th>
|
|
5401
|
+
<th style="text-align:left">Type</th>
|
|
5402
|
+
<th style="text-align:left">Description</th>
|
|
5403
|
+
</tr>
|
|
5404
|
+
</thead>
|
|
5405
|
+
<tbody>
|
|
5406
|
+
<tr>
|
|
5407
|
+
<td style="text-align:left">$changes</td>
|
|
5408
|
+
<td style="text-align:left"><code>Map</code></td>
|
|
5409
|
+
<td style="text-align:left">Map of changes</td>
|
|
5410
|
+
</tr>
|
|
5411
|
+
</tbody>
|
|
5412
|
+
</table>
|
|
5413
|
+
<h4 id="require" tabindex="-1">Require</h4>
|
|
5414
|
+
<ul>
|
|
5415
|
+
<li><a href="/frontend/sass/components/accordion/#variable-config">$config</a></li>
|
|
5416
|
+
</ul>
|
|
5417
|
+
<div class="sassdoc-item-header">
|
|
5418
|
+
<h3 id="mixin-set-styles" tabindex="-1">set-styles()</h3>
|
|
5419
|
+
<div class="sassdoc-item-header__labels">
|
|
5420
|
+
<span class="tag tag--primary"><strong>Mixin</strong></span>
|
|
5421
|
+
</div>
|
|
5422
|
+
</div>
|
|
5423
|
+
<p>Set callout style variations</p>
|
|
5424
|
+
<ul>
|
|
5425
|
+
<li>Styles that modify padding when using mix-match caps on/off should be included last</li>
|
|
5426
|
+
</ul>
|
|
5427
|
+
<details>
|
|
5428
|
+
<summary>File Information</summary>
|
|
5429
|
+
<ul>
|
|
5430
|
+
<li><strong>File:</strong> _callout.scss</li>
|
|
5431
|
+
<li><strong>Group:</strong> callout</li>
|
|
5432
|
+
<li><strong>Type:</strong> mixin</li>
|
|
5433
|
+
<li><strong>Lines (comments):</strong> 97-100</li>
|
|
5434
|
+
<li><strong>Lines (code):</strong> 102-104</li>
|
|
5435
|
+
</ul>
|
|
5436
|
+
</details>
|
|
5437
|
+
<h4 id="parameters-1" tabindex="-1">Parameters</h4>
|
|
5438
|
+
<table>
|
|
5439
|
+
<thead>
|
|
5440
|
+
<tr>
|
|
5441
|
+
<th style="text-align:left">Name</th>
|
|
5442
|
+
<th style="text-align:left">Type</th>
|
|
5443
|
+
<th style="text-align:left">Description</th>
|
|
5444
|
+
</tr>
|
|
5445
|
+
</thead>
|
|
5446
|
+
<tbody>
|
|
5447
|
+
<tr>
|
|
5448
|
+
<td style="text-align:left">$changes</td>
|
|
5449
|
+
<td style="text-align:left"><code>Map</code></td>
|
|
5450
|
+
<td style="text-align:left">Map of changes (options for style include [background-color, color, border-color, border-radius, border-width, box-shadow, padding, cap, cap-options]</td>
|
|
5451
|
+
</tr>
|
|
5452
|
+
<tr>
|
|
5453
|
+
<td style="text-align:left">$merge-mode</td>
|
|
5454
|
+
<td style="text-align:left"><code>String</code></td>
|
|
5455
|
+
<td style="text-align:left">Merge mode see utils.map-merge() [null</td>
|
|
5456
|
+
</tr>
|
|
5457
|
+
</tbody>
|
|
5458
|
+
</table>
|
|
5459
|
+
<h4 id="require-1" tabindex="-1">Require</h4>
|
|
5460
|
+
<ul>
|
|
5461
|
+
<li><a href="/frontend/sass/components/callout/#variable-styles">$styles</a></li>
|
|
5462
|
+
</ul>
|
|
5463
|
+
<div class="sassdoc-item-header">
|
|
5464
|
+
<h3 id="mixin-styles" tabindex="-1">styles()</h3>
|
|
5465
|
+
<div class="sassdoc-item-header__labels">
|
|
5466
|
+
<span class="tag tag--primary"><strong>Mixin</strong></span>
|
|
5467
|
+
</div>
|
|
5468
|
+
</div>
|
|
5469
|
+
<p>Output component stylesheet</p>
|
|
5470
|
+
<details>
|
|
5471
|
+
<summary>File Information</summary>
|
|
5472
|
+
<ul>
|
|
5473
|
+
<li><strong>File:</strong> _callout.scss</li>
|
|
5474
|
+
<li><strong>Group:</strong> callout</li>
|
|
5475
|
+
<li><strong>Type:</strong> mixin</li>
|
|
5476
|
+
<li><strong>Lines (comments):</strong> 106-108</li>
|
|
5477
|
+
<li><strong>Lines (code):</strong> 110-158</li>
|
|
5478
|
+
</ul>
|
|
5479
|
+
</details>
|
|
5480
|
+
<h4 id="examples-1" tabindex="-1">Examples</h4>
|
|
5481
|
+
<pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-keyword">@include</span> ulu.<span class="pjs-token pjs-function">component-callout-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>
|
|
5482
|
+
<h4 id="require-2" tabindex="-1">Require</h4>
|
|
5483
|
+
<ul>
|
|
5484
|
+
<li><a href="/frontend/sass/components/accordion/#function-get">get()</a></li>
|
|
5485
|
+
</ul>
|
|
5486
|
+
<h2 id="functions" tabindex="-1">Functions</h2>
|
|
5487
|
+
<div class="sassdoc-item-header">
|
|
5488
|
+
<h3 id="function-get" tabindex="-1">get()</h3>
|
|
5489
|
+
<div class="sassdoc-item-header__labels">
|
|
5490
|
+
<span class="tag tag--primary"><strong>Function</strong></span>
|
|
5491
|
+
</div>
|
|
5492
|
+
</div>
|
|
5493
|
+
<p>Get a config option</p>
|
|
5494
|
+
<details>
|
|
5495
|
+
<summary>File Information</summary>
|
|
5496
|
+
<ul>
|
|
5497
|
+
<li><strong>File:</strong> _callout.scss</li>
|
|
5498
|
+
<li><strong>Group:</strong> callout</li>
|
|
5499
|
+
<li><strong>Type:</strong> function</li>
|
|
5500
|
+
<li><strong>Lines (comments):</strong> 87-90</li>
|
|
5501
|
+
<li><strong>Lines (code):</strong> 92-95</li>
|
|
5502
|
+
</ul>
|
|
5503
|
+
</details>
|
|
5504
|
+
<h4 id="examples-2" tabindex="-1">Examples</h4>
|
|
5505
|
+
<pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-keyword">@include</span> ulu.<span class="pjs-token pjs-function">component-callout-get</span><span class="pjs-token pjs-punctuation">(</span><span class="pjs-token pjs-string">"property"</span><span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span></code></pre>
|
|
5506
|
+
<h4 id="parameters-2" tabindex="-1">Parameters</h4>
|
|
5507
|
+
<table>
|
|
5508
|
+
<thead>
|
|
5509
|
+
<tr>
|
|
5510
|
+
<th style="text-align:left">Name</th>
|
|
5511
|
+
<th style="text-align:left">Type</th>
|
|
5512
|
+
<th style="text-align:left">Description</th>
|
|
5513
|
+
</tr>
|
|
5514
|
+
</thead>
|
|
5515
|
+
<tbody>
|
|
5516
|
+
<tr>
|
|
5517
|
+
<td style="text-align:left">$name</td>
|
|
5518
|
+
<td style="text-align:left"><code>Map</code></td>
|
|
5519
|
+
<td style="text-align:left">Name of property</td>
|
|
5520
|
+
</tr>
|
|
5521
|
+
</tbody>
|
|
5522
|
+
</table>
|
|
5523
|
+
<h4 id="require-3" tabindex="-1">Require</h4>
|
|
5524
|
+
<ul>
|
|
5525
|
+
<li><a href="/frontend/sass/components/accordion/#variable-config">$config</a></li>
|
|
5526
|
+
</ul>
|
|
5527
5527
|
|
|
5528
5528
|
</div>
|
|
5529
5529
|
</div>
|
|
@@ -5166,32 +5166,32 @@
|
|
|
5166
5166
|
<div class="toc">
|
|
5167
5167
|
<ol>
|
|
5168
5168
|
|
|
5169
|
-
<li><a href="#
|
|
5169
|
+
<li><a href="#variables">Variables</a>
|
|
5170
5170
|
|
|
5171
5171
|
<ol>
|
|
5172
5172
|
|
|
5173
|
-
<li><a href="#
|
|
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="#
|
|
5178
|
+
<li><a href="#mixins">Mixins</a>
|
|
5182
5179
|
|
|
5183
5180
|
<ol>
|
|
5184
5181
|
|
|
5185
|
-
<li><a href="#
|
|
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="#
|
|
5190
|
+
<li><a href="#functions">Functions</a>
|
|
5191
5191
|
|
|
5192
5192
|
<ol>
|
|
5193
5193
|
|
|
5194
|
-
<li><a href="#
|
|
5194
|
+
<li><a href="#function-get">get()</a>
|
|
5195
5195
|
</li>
|
|
5196
5196
|
</ol>
|
|
5197
5197
|
</li>
|
|
@@ -5210,111 +5210,6 @@
|
|
|
5210
5210
|
<div class="type-large">
|
|
5211
5211
|
<p>Figure with caption layout (to position caption)</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> _captioned-figure.scss</li>
|
|
5225
|
-
<li><strong>Group:</strong> captioned-figure</li>
|
|
5226
|
-
<li><strong>Type:</strong> mixin</li>
|
|
5227
|
-
<li><strong>Lines (comments):</strong> 71-74</li>
|
|
5228
|
-
<li><strong>Lines (code):</strong> 76-78</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-captioned-figure-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> _captioned-figure.scss</li>
|
|
5265
|
-
<li><strong>Group:</strong> captioned-figure</li>
|
|
5266
|
-
<li><strong>Type:</strong> mixin</li>
|
|
5267
|
-
<li><strong>Lines (comments):</strong> 90-92</li>
|
|
5268
|
-
<li><strong>Lines (code):</strong> 94-190</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-captioned-figure-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
|
-
<h4 id="require-1" tabindex="-1">Require</h4>
|
|
5274
|
-
<ul>
|
|
5275
|
-
<li><a href="/frontend/sass/components/accordion/#function-get">get()</a></li>
|
|
5276
|
-
</ul>
|
|
5277
|
-
<h2 id="functions" tabindex="-1">Functions</h2>
|
|
5278
|
-
<div class="sassdoc-item-header">
|
|
5279
|
-
<h3 id="function-get" tabindex="-1">get()</h3>
|
|
5280
|
-
<div class="sassdoc-item-header__labels">
|
|
5281
|
-
<span class="tag tag--primary"><strong>Function</strong></span>
|
|
5282
|
-
</div>
|
|
5283
|
-
</div>
|
|
5284
|
-
<p>Get a config option</p>
|
|
5285
|
-
<details>
|
|
5286
|
-
<summary>File Information</summary>
|
|
5287
|
-
<ul>
|
|
5288
|
-
<li><strong>File:</strong> _captioned-figure.scss</li>
|
|
5289
|
-
<li><strong>Group:</strong> captioned-figure</li>
|
|
5290
|
-
<li><strong>Type:</strong> function</li>
|
|
5291
|
-
<li><strong>Lines (comments):</strong> 80-83</li>
|
|
5292
|
-
<li><strong>Lines (code):</strong> 85-88</li>
|
|
5293
|
-
</ul>
|
|
5294
|
-
</details>
|
|
5295
|
-
<h4 id="examples-2" tabindex="-1">Examples</h4>
|
|
5296
|
-
<pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-keyword">@include</span> ulu.<span class="pjs-token pjs-function">component-captioned-figure-get</span><span class="pjs-token pjs-punctuation">(</span><span class="pjs-token pjs-string">"property"</span><span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span></code></pre>
|
|
5297
|
-
<h4 id="parameters-1" tabindex="-1">Parameters</h4>
|
|
5298
|
-
<table>
|
|
5299
|
-
<thead>
|
|
5300
|
-
<tr>
|
|
5301
|
-
<th style="text-align:left">Name</th>
|
|
5302
|
-
<th style="text-align:left">Type</th>
|
|
5303
|
-
<th style="text-align:left">Description</th>
|
|
5304
|
-
</tr>
|
|
5305
|
-
</thead>
|
|
5306
|
-
<tbody>
|
|
5307
|
-
<tr>
|
|
5308
|
-
<td style="text-align:left">$name</td>
|
|
5309
|
-
<td style="text-align:left"><code>Map</code></td>
|
|
5310
|
-
<td style="text-align:left">Name of property</td>
|
|
5311
|
-
</tr>
|
|
5312
|
-
</tbody>
|
|
5313
|
-
</table>
|
|
5314
|
-
<h4 id="require-2" tabindex="-1">Require</h4>
|
|
5315
|
-
<ul>
|
|
5316
|
-
<li><a href="/frontend/sass/components/accordion/#variable-config">$config</a></li>
|
|
5317
|
-
</ul>
|
|
5318
5213
|
<h2 id="variables" tabindex="-1">Variables</h2>
|
|
5319
5214
|
<div class="sassdoc-item-header">
|
|
5320
5215
|
<h3 id="variable-config" tabindex="-1">$config</h3>
|
|
@@ -5467,6 +5362,111 @@
|
|
|
5467
5362
|
</tr>
|
|
5468
5363
|
</tbody>
|
|
5469
5364
|
</table>
|
|
5365
|
+
<h2 id="mixins" tabindex="-1">Mixins</h2>
|
|
5366
|
+
<div class="sassdoc-item-header">
|
|
5367
|
+
<h3 id="mixin-set" tabindex="-1">set()</h3>
|
|
5368
|
+
<div class="sassdoc-item-header__labels">
|
|
5369
|
+
<span class="tag tag--primary"><strong>Mixin</strong></span>
|
|
5370
|
+
</div>
|
|
5371
|
+
</div>
|
|
5372
|
+
<p>Change modules $config</p>
|
|
5373
|
+
<details>
|
|
5374
|
+
<summary>File Information</summary>
|
|
5375
|
+
<ul>
|
|
5376
|
+
<li><strong>File:</strong> _captioned-figure.scss</li>
|
|
5377
|
+
<li><strong>Group:</strong> captioned-figure</li>
|
|
5378
|
+
<li><strong>Type:</strong> mixin</li>
|
|
5379
|
+
<li><strong>Lines (comments):</strong> 71-74</li>
|
|
5380
|
+
<li><strong>Lines (code):</strong> 76-78</li>
|
|
5381
|
+
</ul>
|
|
5382
|
+
</details>
|
|
5383
|
+
<h4 id="examples" tabindex="-1">Examples</h4>
|
|
5384
|
+
<pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-keyword">@include</span> ulu.<span class="pjs-token pjs-function">component-captioned-figure-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>
|
|
5385
|
+
<h4 id="parameters" tabindex="-1">Parameters</h4>
|
|
5386
|
+
<table>
|
|
5387
|
+
<thead>
|
|
5388
|
+
<tr>
|
|
5389
|
+
<th style="text-align:left">Name</th>
|
|
5390
|
+
<th style="text-align:left">Type</th>
|
|
5391
|
+
<th style="text-align:left">Description</th>
|
|
5392
|
+
</tr>
|
|
5393
|
+
</thead>
|
|
5394
|
+
<tbody>
|
|
5395
|
+
<tr>
|
|
5396
|
+
<td style="text-align:left">$changes</td>
|
|
5397
|
+
<td style="text-align:left"><code>Map</code></td>
|
|
5398
|
+
<td style="text-align:left">Map of changes</td>
|
|
5399
|
+
</tr>
|
|
5400
|
+
</tbody>
|
|
5401
|
+
</table>
|
|
5402
|
+
<h4 id="require" tabindex="-1">Require</h4>
|
|
5403
|
+
<ul>
|
|
5404
|
+
<li><a href="/frontend/sass/components/accordion/#variable-config">$config</a></li>
|
|
5405
|
+
</ul>
|
|
5406
|
+
<div class="sassdoc-item-header">
|
|
5407
|
+
<h3 id="mixin-styles" tabindex="-1">styles()</h3>
|
|
5408
|
+
<div class="sassdoc-item-header__labels">
|
|
5409
|
+
<span class="tag tag--primary"><strong>Mixin</strong></span>
|
|
5410
|
+
</div>
|
|
5411
|
+
</div>
|
|
5412
|
+
<p>Prints component styles</p>
|
|
5413
|
+
<details>
|
|
5414
|
+
<summary>File Information</summary>
|
|
5415
|
+
<ul>
|
|
5416
|
+
<li><strong>File:</strong> _captioned-figure.scss</li>
|
|
5417
|
+
<li><strong>Group:</strong> captioned-figure</li>
|
|
5418
|
+
<li><strong>Type:</strong> mixin</li>
|
|
5419
|
+
<li><strong>Lines (comments):</strong> 90-92</li>
|
|
5420
|
+
<li><strong>Lines (code):</strong> 94-190</li>
|
|
5421
|
+
</ul>
|
|
5422
|
+
</details>
|
|
5423
|
+
<h4 id="examples-1" tabindex="-1">Examples</h4>
|
|
5424
|
+
<pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-keyword">@include</span> ulu.<span class="pjs-token pjs-function">component-captioned-figure-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>
|
|
5425
|
+
<h4 id="require-1" tabindex="-1">Require</h4>
|
|
5426
|
+
<ul>
|
|
5427
|
+
<li><a href="/frontend/sass/components/accordion/#function-get">get()</a></li>
|
|
5428
|
+
</ul>
|
|
5429
|
+
<h2 id="functions" tabindex="-1">Functions</h2>
|
|
5430
|
+
<div class="sassdoc-item-header">
|
|
5431
|
+
<h3 id="function-get" tabindex="-1">get()</h3>
|
|
5432
|
+
<div class="sassdoc-item-header__labels">
|
|
5433
|
+
<span class="tag tag--primary"><strong>Function</strong></span>
|
|
5434
|
+
</div>
|
|
5435
|
+
</div>
|
|
5436
|
+
<p>Get a config option</p>
|
|
5437
|
+
<details>
|
|
5438
|
+
<summary>File Information</summary>
|
|
5439
|
+
<ul>
|
|
5440
|
+
<li><strong>File:</strong> _captioned-figure.scss</li>
|
|
5441
|
+
<li><strong>Group:</strong> captioned-figure</li>
|
|
5442
|
+
<li><strong>Type:</strong> function</li>
|
|
5443
|
+
<li><strong>Lines (comments):</strong> 80-83</li>
|
|
5444
|
+
<li><strong>Lines (code):</strong> 85-88</li>
|
|
5445
|
+
</ul>
|
|
5446
|
+
</details>
|
|
5447
|
+
<h4 id="examples-2" tabindex="-1">Examples</h4>
|
|
5448
|
+
<pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-keyword">@include</span> ulu.<span class="pjs-token pjs-function">component-captioned-figure-get</span><span class="pjs-token pjs-punctuation">(</span><span class="pjs-token pjs-string">"property"</span><span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span></code></pre>
|
|
5449
|
+
<h4 id="parameters-1" tabindex="-1">Parameters</h4>
|
|
5450
|
+
<table>
|
|
5451
|
+
<thead>
|
|
5452
|
+
<tr>
|
|
5453
|
+
<th style="text-align:left">Name</th>
|
|
5454
|
+
<th style="text-align:left">Type</th>
|
|
5455
|
+
<th style="text-align:left">Description</th>
|
|
5456
|
+
</tr>
|
|
5457
|
+
</thead>
|
|
5458
|
+
<tbody>
|
|
5459
|
+
<tr>
|
|
5460
|
+
<td style="text-align:left">$name</td>
|
|
5461
|
+
<td style="text-align:left"><code>Map</code></td>
|
|
5462
|
+
<td style="text-align:left">Name of property</td>
|
|
5463
|
+
</tr>
|
|
5464
|
+
</tbody>
|
|
5465
|
+
</table>
|
|
5466
|
+
<h4 id="require-2" tabindex="-1">Require</h4>
|
|
5467
|
+
<ul>
|
|
5468
|
+
<li><a href="/frontend/sass/components/accordion/#variable-config">$config</a></li>
|
|
5469
|
+
</ul>
|
|
5470
5470
|
|
|
5471
5471
|
</div>
|
|
5472
5472
|
</div>
|