@ulu/frontend 0.1.0-beta.39 → 0.1.0-beta.40
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 +7 -0
- package/dist/ulu-frontend.min.css +1 -1
- package/dist/ulu-frontend.min.js +14 -14
- package/docs-dev/changelog/index.html +107 -9
- package/docs-dev/demos/accordion/index.html +60 -0
- package/docs-dev/demos/breakpoints-manager/index.html +60 -0
- package/docs-dev/demos/button/index.html +60 -0
- package/docs-dev/demos/button-verbose/index.html +60 -0
- package/docs-dev/demos/callout/index.html +60 -0
- package/docs-dev/demos/captioned-figure/index.html +60 -0
- package/docs-dev/demos/card/index.html +76 -16
- package/docs-dev/demos/card-grid/index.html +60 -0
- package/docs-dev/demos/counter-list/index.html +5224 -0
- package/docs-dev/demos/css-icons/index.html +60 -0
- package/docs-dev/demos/data-grid/index.html +60 -0
- package/docs-dev/demos/data-table/index.html +160 -100
- package/docs-dev/demos/details-group/index.html +60 -0
- package/docs-dev/demos/file-save/index.html +60 -0
- package/docs-dev/demos/flipcard/index.html +60 -0
- package/docs-dev/demos/form-theme/index.html +60 -0
- package/docs-dev/demos/index.html +60 -0
- package/docs-dev/demos/list-inline/index.html +60 -0
- package/docs-dev/demos/list-lines/index.html +60 -0
- package/docs-dev/demos/menu-stack/index.html +60 -0
- package/docs-dev/demos/modals/index.html +68 -0
- package/docs-dev/demos/nav-strip/index.html +60 -0
- package/docs-dev/demos/overlay-section/index.html +60 -0
- package/docs-dev/demos/popovers/index.html +60 -0
- package/docs-dev/demos/print/index.html +60 -0
- package/docs-dev/demos/pull-quote/index.html +60 -0
- package/docs-dev/demos/rule/index.html +60 -0
- package/docs-dev/demos/scrollpoints/index.html +60 -0
- package/docs-dev/demos/spoke-spinner/index.html +60 -0
- package/docs-dev/demos/sticky-list/index.html +60 -0
- package/docs-dev/demos/tabs/index.html +60 -0
- package/docs-dev/demos/tag/index.html +60 -0
- package/docs-dev/demos/theme-toggle/index.html +60 -0
- package/docs-dev/demos/tiles/index.html +60 -0
- package/docs-dev/demos/tooltip/index.html +60 -0
- package/docs-dev/guide/building-stylesheet/index.html +60 -0
- package/docs-dev/guide/developing-ulu-scss-module/index.html +60 -0
- package/docs-dev/guide/index.html +60 -0
- package/docs-dev/index.html +60 -0
- package/docs-dev/javascript/events/index.html +60 -0
- package/docs-dev/javascript/index.html +60 -0
- package/docs-dev/javascript/settings/index.html +60 -0
- package/docs-dev/javascript/ui-breakpoints/index.html +60 -0
- package/docs-dev/javascript/ui-collapsible/index.html +60 -0
- package/docs-dev/javascript/ui-details-group/index.html +60 -0
- package/docs-dev/javascript/ui-dialog/index.html +60 -0
- package/docs-dev/javascript/ui-flipcard/index.html +60 -0
- package/docs-dev/javascript/ui-grid/index.html +60 -0
- package/docs-dev/javascript/ui-modal-builder/index.html +60 -0
- package/docs-dev/javascript/ui-overflow-scroller/index.html +60 -0
- package/docs-dev/javascript/ui-overflow-scroller-pager/index.html +60 -0
- package/docs-dev/javascript/ui-page/index.html +60 -0
- package/docs-dev/javascript/ui-popover/index.html +60 -0
- package/docs-dev/javascript/ui-print/index.html +60 -0
- package/docs-dev/javascript/ui-print-details/index.html +60 -0
- package/docs-dev/javascript/ui-programmatic-modal/index.html +60 -0
- package/docs-dev/javascript/ui-proxy-click/index.html +60 -0
- package/docs-dev/javascript/ui-resizer/index.html +60 -0
- package/docs-dev/javascript/ui-scroll-slider/index.html +60 -0
- package/docs-dev/javascript/ui-scrollpoint/index.html +60 -0
- package/docs-dev/javascript/ui-slider/index.html +60 -0
- package/docs-dev/javascript/ui-tabs/index.html +60 -0
- package/docs-dev/javascript/ui-theme-toggle/index.html +60 -0
- package/docs-dev/javascript/ui-tooltip/index.html +60 -0
- package/docs-dev/javascript/utils-class-logger/index.html +60 -0
- package/docs-dev/javascript/utils-css/index.html +60 -0
- package/docs-dev/javascript/utils-dom/index.html +105 -8
- package/docs-dev/javascript/utils-file-save/index.html +60 -0
- package/docs-dev/javascript/utils-floating-ui/index.html +60 -0
- package/docs-dev/javascript/utils-id/index.html +60 -0
- package/docs-dev/javascript/utils-pause-youtube-video/index.html +60 -0
- package/docs-dev/javascript/utils-system/index.html +60 -0
- package/docs-dev/sass/base/color/index.html +60 -0
- package/docs-dev/sass/base/elements/index.html +130 -70
- package/docs-dev/sass/base/index/index.html +116 -56
- package/docs-dev/sass/base/index.html +60 -0
- package/docs-dev/sass/base/keyframes/index.html +60 -0
- package/docs-dev/sass/base/layout/index.html +123 -63
- package/docs-dev/sass/base/normalize/index.html +60 -0
- package/docs-dev/sass/base/print/index.html +60 -0
- package/docs-dev/sass/base/root/index.html +60 -0
- package/docs-dev/sass/base/typography/index.html +60 -0
- package/docs-dev/sass/components/accordion/index.html +178 -118
- package/docs-dev/sass/components/adaptive-spacing/index.html +184 -124
- package/docs-dev/sass/components/badge/index.html +156 -96
- package/docs-dev/sass/components/basic-hero/index.html +122 -62
- package/docs-dev/sass/components/button/index.html +109 -49
- package/docs-dev/sass/components/button-verbose/index.html +188 -128
- package/docs-dev/sass/components/callout/index.html +223 -163
- package/docs-dev/sass/components/captioned-figure/index.html +174 -114
- package/docs-dev/sass/components/card/index.html +228 -168
- package/docs-dev/sass/components/card-grid/index.html +130 -70
- package/docs-dev/sass/components/counter-list/index.html +5458 -0
- package/docs-dev/sass/components/css-icon/index.html +200 -140
- package/docs-dev/sass/components/data-grid/index.html +227 -167
- package/docs-dev/sass/components/data-table/index.html +174 -114
- package/docs-dev/sass/components/fill-context/index.html +60 -0
- package/docs-dev/sass/components/flipcard/index.html +222 -162
- package/docs-dev/sass/components/flipcard-grid/index.html +117 -57
- package/docs-dev/sass/components/form-theme/index.html +497 -437
- package/docs-dev/sass/components/hero/index.html +167 -107
- package/docs-dev/sass/components/horizontal-rule/index.html +116 -56
- package/docs-dev/sass/components/image-grid/index.html +123 -63
- package/docs-dev/sass/components/index/index.html +161 -100
- package/docs-dev/sass/components/index.html +60 -0
- package/docs-dev/sass/components/links/index.html +60 -0
- package/docs-dev/sass/components/list-inline/index.html +137 -77
- package/docs-dev/sass/components/list-lines/index.html +158 -98
- package/docs-dev/sass/components/list-ordered/index.html +60 -0
- package/docs-dev/sass/components/list-unordered/index.html +60 -0
- package/docs-dev/sass/components/menu-stack/index.html +179 -119
- package/docs-dev/sass/components/modal/index.html +174 -114
- package/docs-dev/sass/components/nav-strip/index.html +174 -114
- package/docs-dev/sass/components/overlay-section/index.html +161 -101
- package/docs-dev/sass/components/pager/index.html +174 -114
- package/docs-dev/sass/components/placeholder-block/index.html +174 -114
- package/docs-dev/sass/components/popover/index.html +174 -114
- package/docs-dev/sass/components/pull-quote/index.html +174 -114
- package/docs-dev/sass/components/ratio-box/index.html +120 -60
- package/docs-dev/sass/components/rule/index.html +123 -63
- package/docs-dev/sass/components/scroll-slider/index.html +174 -114
- package/docs-dev/sass/components/skip-link/index.html +94 -34
- package/docs-dev/sass/components/slider/index.html +174 -114
- package/docs-dev/sass/components/spoke-spinner/index.html +116 -56
- package/docs-dev/sass/components/sticky-list/index.html +206 -146
- package/docs-dev/sass/components/tabs/index.html +174 -114
- package/docs-dev/sass/components/tag/index.html +221 -161
- package/docs-dev/sass/components/tile-button/index.html +161 -101
- package/docs-dev/sass/components/tile-grid/index.html +202 -142
- package/docs-dev/sass/components/tile-grid-overlay/index.html +97 -37
- package/docs-dev/sass/components/vignette/index.html +116 -56
- package/docs-dev/sass/components/wysiwyg/index.html +125 -65
- package/docs-dev/sass/core/breakpoint/index.html +160 -100
- package/docs-dev/sass/core/button/index.html +526 -466
- package/docs-dev/sass/core/color/index.html +217 -157
- package/docs-dev/sass/core/cssvar/index.html +109 -49
- package/docs-dev/sass/core/element/index.html +495 -435
- package/docs-dev/sass/core/index.html +60 -0
- package/docs-dev/sass/core/layout/index.html +167 -107
- package/docs-dev/sass/core/path/index.html +92 -32
- package/docs-dev/sass/core/selector/index.html +109 -49
- package/docs-dev/sass/core/typography/index.html +344 -284
- package/docs-dev/sass/core/units/index.html +141 -81
- package/docs-dev/sass/core/utils/index.html +130 -70
- package/docs-dev/sass/helpers/color/index.html +60 -0
- package/docs-dev/sass/helpers/display/index.html +60 -0
- package/docs-dev/sass/helpers/index/index.html +113 -53
- package/docs-dev/sass/helpers/index.html +60 -0
- package/docs-dev/sass/helpers/typography/index.html +60 -0
- package/docs-dev/sass/helpers/units/index.html +107 -47
- package/docs-dev/sass/helpers/utilities/index.html +60 -0
- package/docs-dev/sass/index.html +60 -0
- package/js/ui/dialog.js +28 -3
- package/js/utils/dom.js +14 -3
- package/package.json +2 -2
- package/scss/components/_counter-list.scss +133 -0
- package/scss/components/_index.scss +6 -0
- package/types/ui/dialog.d.ts +1 -0
- package/types/ui/dialog.d.ts.map +1 -1
- package/types/utils/dom.d.ts +11 -3
- package/types/utils/dom.d.ts.map +1 -1
|
@@ -286,6 +286,21 @@
|
|
|
286
286
|
</li>
|
|
287
287
|
|
|
288
288
|
|
|
289
|
+
<li class="nav-tree__item ">
|
|
290
|
+
|
|
291
|
+
<a class="nav-tree__link " href="/frontend/demos/counter-list/">
|
|
292
|
+
|
|
293
|
+
|
|
294
|
+
<span class="nav-tree__text">
|
|
295
|
+
Counter List
|
|
296
|
+
</span>
|
|
297
|
+
|
|
298
|
+
</a>
|
|
299
|
+
|
|
300
|
+
|
|
301
|
+
</li>
|
|
302
|
+
|
|
303
|
+
|
|
289
304
|
<li class="nav-tree__item ">
|
|
290
305
|
|
|
291
306
|
<a class="nav-tree__link " href="/frontend/demos/css-icons/">
|
|
@@ -1335,6 +1350,21 @@
|
|
|
1335
1350
|
</li>
|
|
1336
1351
|
|
|
1337
1352
|
|
|
1353
|
+
<li class="nav-tree__item ">
|
|
1354
|
+
|
|
1355
|
+
<a class="nav-tree__link " href="/frontend/sass/components/counter-list/">
|
|
1356
|
+
|
|
1357
|
+
|
|
1358
|
+
<span class="nav-tree__text">
|
|
1359
|
+
Counter-list
|
|
1360
|
+
</span>
|
|
1361
|
+
|
|
1362
|
+
</a>
|
|
1363
|
+
|
|
1364
|
+
|
|
1365
|
+
</li>
|
|
1366
|
+
|
|
1367
|
+
|
|
1338
1368
|
<li class="nav-tree__item ">
|
|
1339
1369
|
|
|
1340
1370
|
<a class="nav-tree__link " href="/frontend/sass/components/css-icon/">
|
|
@@ -2802,6 +2832,21 @@
|
|
|
2802
2832
|
</li>
|
|
2803
2833
|
|
|
2804
2834
|
|
|
2835
|
+
<li class="nav-tree__item ">
|
|
2836
|
+
|
|
2837
|
+
<a class="nav-tree__link " href="/frontend/demos/counter-list/">
|
|
2838
|
+
|
|
2839
|
+
|
|
2840
|
+
<span class="nav-tree__text">
|
|
2841
|
+
Counter List
|
|
2842
|
+
</span>
|
|
2843
|
+
|
|
2844
|
+
</a>
|
|
2845
|
+
|
|
2846
|
+
|
|
2847
|
+
</li>
|
|
2848
|
+
|
|
2849
|
+
|
|
2805
2850
|
<li class="nav-tree__item ">
|
|
2806
2851
|
|
|
2807
2852
|
<a class="nav-tree__link " href="/frontend/demos/css-icons/">
|
|
@@ -3851,6 +3896,21 @@
|
|
|
3851
3896
|
</li>
|
|
3852
3897
|
|
|
3853
3898
|
|
|
3899
|
+
<li class="nav-tree__item ">
|
|
3900
|
+
|
|
3901
|
+
<a class="nav-tree__link " href="/frontend/sass/components/counter-list/">
|
|
3902
|
+
|
|
3903
|
+
|
|
3904
|
+
<span class="nav-tree__text">
|
|
3905
|
+
Counter-list
|
|
3906
|
+
</span>
|
|
3907
|
+
|
|
3908
|
+
</a>
|
|
3909
|
+
|
|
3910
|
+
|
|
3911
|
+
</li>
|
|
3912
|
+
|
|
3913
|
+
|
|
3854
3914
|
<li class="nav-tree__item ">
|
|
3855
3915
|
|
|
3856
3916
|
<a class="nav-tree__link " href="/frontend/sass/components/css-icon/">
|
|
@@ -5106,18 +5166,6 @@
|
|
|
5106
5166
|
<div class="toc">
|
|
5107
5167
|
<ol>
|
|
5108
5168
|
|
|
5109
|
-
<li><a href="#variables">Variables</a>
|
|
5110
|
-
|
|
5111
|
-
<ol>
|
|
5112
|
-
|
|
5113
|
-
<li><a href="#variable-config">$config</a>
|
|
5114
|
-
</li>
|
|
5115
|
-
|
|
5116
|
-
<li><a href="#variable-styles">$styles</a>
|
|
5117
|
-
</li>
|
|
5118
|
-
</ol>
|
|
5119
|
-
</li>
|
|
5120
|
-
|
|
5121
5169
|
<li><a href="#mixins">Mixins</a>
|
|
5122
5170
|
|
|
5123
5171
|
<ol>
|
|
@@ -5139,6 +5187,18 @@
|
|
|
5139
5187
|
|
|
5140
5188
|
<li><a href="#function-get">get()</a>
|
|
5141
5189
|
</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>
|
|
5142
5202
|
</ol>
|
|
5143
5203
|
</li>
|
|
5144
5204
|
</ol>
|
|
@@ -5156,6 +5216,157 @@
|
|
|
5156
5216
|
<div class="type-large">
|
|
5157
5217
|
<p>A container for content that highlights important information, provides context, or guides user attention within an interface</p>
|
|
5158
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>
|
|
5159
5370
|
<h2 id="variables" tabindex="-1">Variables</h2>
|
|
5160
5371
|
<div class="sassdoc-item-header">
|
|
5161
5372
|
<h3 id="variable-config" tabindex="-1">$config</h3>
|
|
@@ -5313,157 +5524,6 @@
|
|
|
5313
5524
|
<li><strong>Lines (code):</strong> 60-76</li>
|
|
5314
5525
|
</ul>
|
|
5315
5526
|
</details>
|
|
5316
|
-
<h2 id="mixins" tabindex="-1">Mixins</h2>
|
|
5317
|
-
<div class="sassdoc-item-header">
|
|
5318
|
-
<h3 id="mixin-set" tabindex="-1">set()</h3>
|
|
5319
|
-
<div class="sassdoc-item-header__labels">
|
|
5320
|
-
<span class="tag tag--primary"><strong>Mixin</strong></span>
|
|
5321
|
-
</div>
|
|
5322
|
-
</div>
|
|
5323
|
-
<p>Change modules $config</p>
|
|
5324
|
-
<details>
|
|
5325
|
-
<summary>File Information</summary>
|
|
5326
|
-
<ul>
|
|
5327
|
-
<li><strong>File:</strong> _callout.scss</li>
|
|
5328
|
-
<li><strong>Group:</strong> callout</li>
|
|
5329
|
-
<li><strong>Type:</strong> mixin</li>
|
|
5330
|
-
<li><strong>Lines (comments):</strong> 78-81</li>
|
|
5331
|
-
<li><strong>Lines (code):</strong> 83-85</li>
|
|
5332
|
-
</ul>
|
|
5333
|
-
</details>
|
|
5334
|
-
<h4 id="examples" tabindex="-1">Examples</h4>
|
|
5335
|
-
<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>
|
|
5336
|
-
<h4 id="parameters" tabindex="-1">Parameters</h4>
|
|
5337
|
-
<table>
|
|
5338
|
-
<thead>
|
|
5339
|
-
<tr>
|
|
5340
|
-
<th style="text-align:left">Name</th>
|
|
5341
|
-
<th style="text-align:left">Type</th>
|
|
5342
|
-
<th style="text-align:left">Description</th>
|
|
5343
|
-
</tr>
|
|
5344
|
-
</thead>
|
|
5345
|
-
<tbody>
|
|
5346
|
-
<tr>
|
|
5347
|
-
<td style="text-align:left">$changes</td>
|
|
5348
|
-
<td style="text-align:left"><code>Map</code></td>
|
|
5349
|
-
<td style="text-align:left">Map of changes</td>
|
|
5350
|
-
</tr>
|
|
5351
|
-
</tbody>
|
|
5352
|
-
</table>
|
|
5353
|
-
<h4 id="require" tabindex="-1">Require</h4>
|
|
5354
|
-
<ul>
|
|
5355
|
-
<li><a href="/frontend/sass/components/accordion/#variable-config">$config</a></li>
|
|
5356
|
-
</ul>
|
|
5357
|
-
<div class="sassdoc-item-header">
|
|
5358
|
-
<h3 id="mixin-set-styles" tabindex="-1">set-styles()</h3>
|
|
5359
|
-
<div class="sassdoc-item-header__labels">
|
|
5360
|
-
<span class="tag tag--primary"><strong>Mixin</strong></span>
|
|
5361
|
-
</div>
|
|
5362
|
-
</div>
|
|
5363
|
-
<p>Set callout style variations</p>
|
|
5364
|
-
<ul>
|
|
5365
|
-
<li>Styles that modify padding when using mix-match caps on/off should be included last</li>
|
|
5366
|
-
</ul>
|
|
5367
|
-
<details>
|
|
5368
|
-
<summary>File Information</summary>
|
|
5369
|
-
<ul>
|
|
5370
|
-
<li><strong>File:</strong> _callout.scss</li>
|
|
5371
|
-
<li><strong>Group:</strong> callout</li>
|
|
5372
|
-
<li><strong>Type:</strong> mixin</li>
|
|
5373
|
-
<li><strong>Lines (comments):</strong> 97-100</li>
|
|
5374
|
-
<li><strong>Lines (code):</strong> 102-104</li>
|
|
5375
|
-
</ul>
|
|
5376
|
-
</details>
|
|
5377
|
-
<h4 id="parameters-1" tabindex="-1">Parameters</h4>
|
|
5378
|
-
<table>
|
|
5379
|
-
<thead>
|
|
5380
|
-
<tr>
|
|
5381
|
-
<th style="text-align:left">Name</th>
|
|
5382
|
-
<th style="text-align:left">Type</th>
|
|
5383
|
-
<th style="text-align:left">Description</th>
|
|
5384
|
-
</tr>
|
|
5385
|
-
</thead>
|
|
5386
|
-
<tbody>
|
|
5387
|
-
<tr>
|
|
5388
|
-
<td style="text-align:left">$changes</td>
|
|
5389
|
-
<td style="text-align:left"><code>Map</code></td>
|
|
5390
|
-
<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>
|
|
5391
|
-
</tr>
|
|
5392
|
-
<tr>
|
|
5393
|
-
<td style="text-align:left">$merge-mode</td>
|
|
5394
|
-
<td style="text-align:left"><code>String</code></td>
|
|
5395
|
-
<td style="text-align:left">Merge mode see utils.map-merge() [null</td>
|
|
5396
|
-
</tr>
|
|
5397
|
-
</tbody>
|
|
5398
|
-
</table>
|
|
5399
|
-
<h4 id="require-1" tabindex="-1">Require</h4>
|
|
5400
|
-
<ul>
|
|
5401
|
-
<li><a href="/frontend/sass/components/callout/#variable-styles">$styles</a></li>
|
|
5402
|
-
</ul>
|
|
5403
|
-
<div class="sassdoc-item-header">
|
|
5404
|
-
<h3 id="mixin-styles" tabindex="-1">styles()</h3>
|
|
5405
|
-
<div class="sassdoc-item-header__labels">
|
|
5406
|
-
<span class="tag tag--primary"><strong>Mixin</strong></span>
|
|
5407
|
-
</div>
|
|
5408
|
-
</div>
|
|
5409
|
-
<p>Output component stylesheet</p>
|
|
5410
|
-
<details>
|
|
5411
|
-
<summary>File Information</summary>
|
|
5412
|
-
<ul>
|
|
5413
|
-
<li><strong>File:</strong> _callout.scss</li>
|
|
5414
|
-
<li><strong>Group:</strong> callout</li>
|
|
5415
|
-
<li><strong>Type:</strong> mixin</li>
|
|
5416
|
-
<li><strong>Lines (comments):</strong> 106-108</li>
|
|
5417
|
-
<li><strong>Lines (code):</strong> 110-158</li>
|
|
5418
|
-
</ul>
|
|
5419
|
-
</details>
|
|
5420
|
-
<h4 id="examples-1" tabindex="-1">Examples</h4>
|
|
5421
|
-
<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>
|
|
5422
|
-
<h4 id="require-2" tabindex="-1">Require</h4>
|
|
5423
|
-
<ul>
|
|
5424
|
-
<li><a href="/frontend/sass/components/accordion/#function-get">get()</a></li>
|
|
5425
|
-
</ul>
|
|
5426
|
-
<h2 id="functions" tabindex="-1">Functions</h2>
|
|
5427
|
-
<div class="sassdoc-item-header">
|
|
5428
|
-
<h3 id="function-get" tabindex="-1">get()</h3>
|
|
5429
|
-
<div class="sassdoc-item-header__labels">
|
|
5430
|
-
<span class="tag tag--primary"><strong>Function</strong></span>
|
|
5431
|
-
</div>
|
|
5432
|
-
</div>
|
|
5433
|
-
<p>Get a config option</p>
|
|
5434
|
-
<details>
|
|
5435
|
-
<summary>File Information</summary>
|
|
5436
|
-
<ul>
|
|
5437
|
-
<li><strong>File:</strong> _callout.scss</li>
|
|
5438
|
-
<li><strong>Group:</strong> callout</li>
|
|
5439
|
-
<li><strong>Type:</strong> function</li>
|
|
5440
|
-
<li><strong>Lines (comments):</strong> 87-90</li>
|
|
5441
|
-
<li><strong>Lines (code):</strong> 92-95</li>
|
|
5442
|
-
</ul>
|
|
5443
|
-
</details>
|
|
5444
|
-
<h4 id="examples-2" tabindex="-1">Examples</h4>
|
|
5445
|
-
<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>
|
|
5446
|
-
<h4 id="parameters-2" tabindex="-1">Parameters</h4>
|
|
5447
|
-
<table>
|
|
5448
|
-
<thead>
|
|
5449
|
-
<tr>
|
|
5450
|
-
<th style="text-align:left">Name</th>
|
|
5451
|
-
<th style="text-align:left">Type</th>
|
|
5452
|
-
<th style="text-align:left">Description</th>
|
|
5453
|
-
</tr>
|
|
5454
|
-
</thead>
|
|
5455
|
-
<tbody>
|
|
5456
|
-
<tr>
|
|
5457
|
-
<td style="text-align:left">$name</td>
|
|
5458
|
-
<td style="text-align:left"><code>Map</code></td>
|
|
5459
|
-
<td style="text-align:left">Name of property</td>
|
|
5460
|
-
</tr>
|
|
5461
|
-
</tbody>
|
|
5462
|
-
</table>
|
|
5463
|
-
<h4 id="require-3" tabindex="-1">Require</h4>
|
|
5464
|
-
<ul>
|
|
5465
|
-
<li><a href="/frontend/sass/components/accordion/#variable-config">$config</a></li>
|
|
5466
|
-
</ul>
|
|
5467
5527
|
|
|
5468
5528
|
</div>
|
|
5469
5529
|
</div>
|