@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,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>
|
|
@@ -5209,6 +5209,98 @@
|
|
|
5209
5209
|
<h1 id="overlay-section" tabindex="-1">Overlay-section</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> <span class="tag"><strong>Type</strong>: Map</span>
|
|
5217
|
+
</div>
|
|
5218
|
+
</div>
|
|
5219
|
+
<p>Module Settings</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">"content-background-color"</span> <span class="pjs-token pjs-punctuation">:</span> white<span class="pjs-token pjs-punctuation">,</span>
|
|
5222
|
+
<span class="pjs-token pjs-string">"content-border"</span> <span class="pjs-token pjs-punctuation">:</span> 1px solid <span class="pjs-token pjs-function">rgb</span><span class="pjs-token pjs-punctuation">(</span>227<span class="pjs-token pjs-punctuation">,</span> 227<span class="pjs-token pjs-punctuation">,</span> 227<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">,</span>
|
|
5223
|
+
<span class="pjs-token pjs-string">"content-padding"</span> <span class="pjs-token pjs-punctuation">:</span> 2.5rem<span class="pjs-token pjs-punctuation">,</span>
|
|
5224
|
+
<span class="pjs-token pjs-string">"content-width"</span> <span class="pjs-token pjs-punctuation">:</span> 34rem<span class="pjs-token pjs-punctuation">,</span>
|
|
5225
|
+
<span class="pjs-token pjs-string">"min-height"</span> <span class="pjs-token pjs-punctuation">:</span> 75vh<span class="pjs-token pjs-punctuation">,</span>
|
|
5226
|
+
<span class="pjs-token pjs-string">"padding"</span> <span class="pjs-token pjs-punctuation">:</span> 6rem<span class="pjs-token pjs-punctuation">,</span>
|
|
5227
|
+
<span class="pjs-token pjs-string">"breakpoints"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-punctuation">(</span>
|
|
5228
|
+
<span class="pjs-token pjs-string">"medium"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-punctuation">(</span>
|
|
5229
|
+
<span class="pjs-token pjs-string">"direction"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-string">"down"</span><span class="pjs-token pjs-punctuation">,</span>
|
|
5230
|
+
<span class="pjs-token pjs-string">"padding"</span> <span class="pjs-token pjs-punctuation">:</span> 4rem<span class="pjs-token pjs-punctuation">,</span>
|
|
5231
|
+
<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">,</span>
|
|
5232
|
+
<span class="pjs-token pjs-string">"small"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-punctuation">(</span>
|
|
5233
|
+
<span class="pjs-token pjs-string">"direction"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-string">"down"</span><span class="pjs-token pjs-punctuation">,</span>
|
|
5234
|
+
<span class="pjs-token pjs-string">"padding"</span> <span class="pjs-token pjs-punctuation">:</span> 2rem<span class="pjs-token pjs-punctuation">,</span>
|
|
5235
|
+
<span class="pjs-token pjs-string">"content-padding"</span> <span class="pjs-token pjs-punctuation">:</span> 1.5rem
|
|
5236
|
+
<span class="pjs-token pjs-punctuation">)</span>
|
|
5237
|
+
<span class="pjs-token pjs-punctuation">)</span>
|
|
5238
|
+
<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span></code></pre>
|
|
5239
|
+
<details>
|
|
5240
|
+
<summary>File Information</summary>
|
|
5241
|
+
<ul>
|
|
5242
|
+
<li><strong>File:</strong> _overlay-section.scss</li>
|
|
5243
|
+
<li><strong>Group:</strong> overlay-section</li>
|
|
5244
|
+
<li><strong>Type:</strong> variable</li>
|
|
5245
|
+
<li><strong>Lines (comments):</strong> 14-22</li>
|
|
5246
|
+
<li><strong>Lines (code):</strong> 24-42</li>
|
|
5247
|
+
</ul>
|
|
5248
|
+
</details>
|
|
5249
|
+
<h4 id="map-properties" tabindex="-1">Map Properties</h4>
|
|
5250
|
+
<table>
|
|
5251
|
+
<thead>
|
|
5252
|
+
<tr>
|
|
5253
|
+
<th style="text-align:left">Name</th>
|
|
5254
|
+
<th style="text-align:left">Type</th>
|
|
5255
|
+
<th style="text-align:left">Default</th>
|
|
5256
|
+
<th style="text-align:left">Description</th>
|
|
5257
|
+
</tr>
|
|
5258
|
+
</thead>
|
|
5259
|
+
<tbody>
|
|
5260
|
+
<tr>
|
|
5261
|
+
<td style="text-align:left">content-background-color</td>
|
|
5262
|
+
<td style="text-align:left">Color</td>
|
|
5263
|
+
<td style="text-align:left">white</td>
|
|
5264
|
+
<td style="text-align:left">The background color of the content.</td>
|
|
5265
|
+
</tr>
|
|
5266
|
+
<tr>
|
|
5267
|
+
<td style="text-align:left">content-border</td>
|
|
5268
|
+
<td style="text-align:left">CssValue</td>
|
|
5269
|
+
<td style="text-align:left">1px solid rgb(227, 227, 227)</td>
|
|
5270
|
+
<td style="text-align:left">The border of the content</td>
|
|
5271
|
+
</tr>
|
|
5272
|
+
<tr>
|
|
5273
|
+
<td style="text-align:left">content-padding</td>
|
|
5274
|
+
<td style="text-align:left">Dimension</td>
|
|
5275
|
+
<td style="text-align:left">2.5rem</td>
|
|
5276
|
+
<td style="text-align:left">The padding of the content.</td>
|
|
5277
|
+
</tr>
|
|
5278
|
+
<tr>
|
|
5279
|
+
<td style="text-align:left">content-width</td>
|
|
5280
|
+
<td style="text-align:left">Dimension</td>
|
|
5281
|
+
<td style="text-align:left">34rem</td>
|
|
5282
|
+
<td style="text-align:left">The width of the content.</td>
|
|
5283
|
+
</tr>
|
|
5284
|
+
<tr>
|
|
5285
|
+
<td style="text-align:left">min-height</td>
|
|
5286
|
+
<td style="text-align:left">Dimension</td>
|
|
5287
|
+
<td style="text-align:left">75vh</td>
|
|
5288
|
+
<td style="text-align:left">the min-height of the section.</td>
|
|
5289
|
+
</tr>
|
|
5290
|
+
<tr>
|
|
5291
|
+
<td style="text-align:left">padding</td>
|
|
5292
|
+
<td style="text-align:left">Dimension</td>
|
|
5293
|
+
<td style="text-align:left">6rem</td>
|
|
5294
|
+
<td style="text-align:left">The padding of the container.</td>
|
|
5295
|
+
</tr>
|
|
5296
|
+
<tr>
|
|
5297
|
+
<td style="text-align:left">breakpoints</td>
|
|
5298
|
+
<td style="text-align:left">Map</td>
|
|
5299
|
+
<td style="text-align:left">Map</td>
|
|
5300
|
+
<td style="text-align:left">The breakpoints of the section.</td>
|
|
5301
|
+
</tr>
|
|
5302
|
+
</tbody>
|
|
5303
|
+
</table>
|
|
5212
5304
|
<h2 id="mixins" tabindex="-1">Mixins</h2>
|
|
5213
5305
|
<div class="sassdoc-item-header">
|
|
5214
5306
|
<h3 id="mixin-set" tabindex="-1">set()</h3>
|
|
@@ -5314,98 +5406,6 @@
|
|
|
5314
5406
|
<ul>
|
|
5315
5407
|
<li><a href="/frontend/sass/components/accordion/#variable-config">$config</a></li>
|
|
5316
5408
|
</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> <span class="tag"><strong>Type</strong>: Map</span>
|
|
5322
|
-
</div>
|
|
5323
|
-
</div>
|
|
5324
|
-
<p>Module Settings</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">"content-background-color"</span> <span class="pjs-token pjs-punctuation">:</span> white<span class="pjs-token pjs-punctuation">,</span>
|
|
5327
|
-
<span class="pjs-token pjs-string">"content-border"</span> <span class="pjs-token pjs-punctuation">:</span> 1px solid <span class="pjs-token pjs-function">rgb</span><span class="pjs-token pjs-punctuation">(</span>227<span class="pjs-token pjs-punctuation">,</span> 227<span class="pjs-token pjs-punctuation">,</span> 227<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">,</span>
|
|
5328
|
-
<span class="pjs-token pjs-string">"content-padding"</span> <span class="pjs-token pjs-punctuation">:</span> 2.5rem<span class="pjs-token pjs-punctuation">,</span>
|
|
5329
|
-
<span class="pjs-token pjs-string">"content-width"</span> <span class="pjs-token pjs-punctuation">:</span> 34rem<span class="pjs-token pjs-punctuation">,</span>
|
|
5330
|
-
<span class="pjs-token pjs-string">"min-height"</span> <span class="pjs-token pjs-punctuation">:</span> 75vh<span class="pjs-token pjs-punctuation">,</span>
|
|
5331
|
-
<span class="pjs-token pjs-string">"padding"</span> <span class="pjs-token pjs-punctuation">:</span> 6rem<span class="pjs-token pjs-punctuation">,</span>
|
|
5332
|
-
<span class="pjs-token pjs-string">"breakpoints"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-punctuation">(</span>
|
|
5333
|
-
<span class="pjs-token pjs-string">"medium"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-punctuation">(</span>
|
|
5334
|
-
<span class="pjs-token pjs-string">"direction"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-string">"down"</span><span class="pjs-token pjs-punctuation">,</span>
|
|
5335
|
-
<span class="pjs-token pjs-string">"padding"</span> <span class="pjs-token pjs-punctuation">:</span> 4rem<span class="pjs-token pjs-punctuation">,</span>
|
|
5336
|
-
<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">,</span>
|
|
5337
|
-
<span class="pjs-token pjs-string">"small"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-punctuation">(</span>
|
|
5338
|
-
<span class="pjs-token pjs-string">"direction"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-string">"down"</span><span class="pjs-token pjs-punctuation">,</span>
|
|
5339
|
-
<span class="pjs-token pjs-string">"padding"</span> <span class="pjs-token pjs-punctuation">:</span> 2rem<span class="pjs-token pjs-punctuation">,</span>
|
|
5340
|
-
<span class="pjs-token pjs-string">"content-padding"</span> <span class="pjs-token pjs-punctuation">:</span> 1.5rem
|
|
5341
|
-
<span class="pjs-token pjs-punctuation">)</span>
|
|
5342
|
-
<span class="pjs-token pjs-punctuation">)</span>
|
|
5343
|
-
<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span></code></pre>
|
|
5344
|
-
<details>
|
|
5345
|
-
<summary>File Information</summary>
|
|
5346
|
-
<ul>
|
|
5347
|
-
<li><strong>File:</strong> _overlay-section.scss</li>
|
|
5348
|
-
<li><strong>Group:</strong> overlay-section</li>
|
|
5349
|
-
<li><strong>Type:</strong> variable</li>
|
|
5350
|
-
<li><strong>Lines (comments):</strong> 14-22</li>
|
|
5351
|
-
<li><strong>Lines (code):</strong> 24-42</li>
|
|
5352
|
-
</ul>
|
|
5353
|
-
</details>
|
|
5354
|
-
<h4 id="map-properties" tabindex="-1">Map Properties</h4>
|
|
5355
|
-
<table>
|
|
5356
|
-
<thead>
|
|
5357
|
-
<tr>
|
|
5358
|
-
<th style="text-align:left">Name</th>
|
|
5359
|
-
<th style="text-align:left">Type</th>
|
|
5360
|
-
<th style="text-align:left">Default</th>
|
|
5361
|
-
<th style="text-align:left">Description</th>
|
|
5362
|
-
</tr>
|
|
5363
|
-
</thead>
|
|
5364
|
-
<tbody>
|
|
5365
|
-
<tr>
|
|
5366
|
-
<td style="text-align:left">content-background-color</td>
|
|
5367
|
-
<td style="text-align:left">Color</td>
|
|
5368
|
-
<td style="text-align:left">white</td>
|
|
5369
|
-
<td style="text-align:left">The background color of the content.</td>
|
|
5370
|
-
</tr>
|
|
5371
|
-
<tr>
|
|
5372
|
-
<td style="text-align:left">content-border</td>
|
|
5373
|
-
<td style="text-align:left">CssValue</td>
|
|
5374
|
-
<td style="text-align:left">1px solid rgb(227, 227, 227)</td>
|
|
5375
|
-
<td style="text-align:left">The border of the content</td>
|
|
5376
|
-
</tr>
|
|
5377
|
-
<tr>
|
|
5378
|
-
<td style="text-align:left">content-padding</td>
|
|
5379
|
-
<td style="text-align:left">Dimension</td>
|
|
5380
|
-
<td style="text-align:left">2.5rem</td>
|
|
5381
|
-
<td style="text-align:left">The padding of the content.</td>
|
|
5382
|
-
</tr>
|
|
5383
|
-
<tr>
|
|
5384
|
-
<td style="text-align:left">content-width</td>
|
|
5385
|
-
<td style="text-align:left">Dimension</td>
|
|
5386
|
-
<td style="text-align:left">34rem</td>
|
|
5387
|
-
<td style="text-align:left">The width of the content.</td>
|
|
5388
|
-
</tr>
|
|
5389
|
-
<tr>
|
|
5390
|
-
<td style="text-align:left">min-height</td>
|
|
5391
|
-
<td style="text-align:left">Dimension</td>
|
|
5392
|
-
<td style="text-align:left">75vh</td>
|
|
5393
|
-
<td style="text-align:left">the min-height of the section.</td>
|
|
5394
|
-
</tr>
|
|
5395
|
-
<tr>
|
|
5396
|
-
<td style="text-align:left">padding</td>
|
|
5397
|
-
<td style="text-align:left">Dimension</td>
|
|
5398
|
-
<td style="text-align:left">6rem</td>
|
|
5399
|
-
<td style="text-align:left">The padding of the container.</td>
|
|
5400
|
-
</tr>
|
|
5401
|
-
<tr>
|
|
5402
|
-
<td style="text-align:left">breakpoints</td>
|
|
5403
|
-
<td style="text-align:left">Map</td>
|
|
5404
|
-
<td style="text-align:left">Map</td>
|
|
5405
|
-
<td style="text-align:left">The breakpoints of the section.</td>
|
|
5406
|
-
</tr>
|
|
5407
|
-
</tbody>
|
|
5408
|
-
</table>
|
|
5409
5409
|
|
|
5410
5410
|
</div>
|
|
5411
5411
|
</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>
|
|
@@ -5209,111 +5209,6 @@
|
|
|
5209
5209
|
<h1 id="pager" tabindex="-1">Pager</h1>
|
|
5210
5210
|
<div class="type-large">
|
|
5211
5211
|
</div>
|
|
5212
|
-
<h2 id="mixins" tabindex="-1">Mixins</h2>
|
|
5213
|
-
<div class="sassdoc-item-header">
|
|
5214
|
-
<h3 id="mixin-set" tabindex="-1">set()</h3>
|
|
5215
|
-
<div class="sassdoc-item-header__labels">
|
|
5216
|
-
<span class="tag tag--primary"><strong>Mixin</strong></span>
|
|
5217
|
-
</div>
|
|
5218
|
-
</div>
|
|
5219
|
-
<p>Change modules $config</p>
|
|
5220
|
-
<details>
|
|
5221
|
-
<summary>File Information</summary>
|
|
5222
|
-
<ul>
|
|
5223
|
-
<li><strong>File:</strong> _pager.scss</li>
|
|
5224
|
-
<li><strong>Group:</strong> pager</li>
|
|
5225
|
-
<li><strong>Type:</strong> mixin</li>
|
|
5226
|
-
<li><strong>Lines (comments):</strong> 73-76</li>
|
|
5227
|
-
<li><strong>Lines (code):</strong> 78-80</li>
|
|
5228
|
-
</ul>
|
|
5229
|
-
</details>
|
|
5230
|
-
<h4 id="examples" tabindex="-1">Examples</h4>
|
|
5231
|
-
<pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-keyword">@include</span> ulu.<span class="pjs-token pjs-function">component-pager-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>
|
|
5232
|
-
<h4 id="parameters" tabindex="-1">Parameters</h4>
|
|
5233
|
-
<table>
|
|
5234
|
-
<thead>
|
|
5235
|
-
<tr>
|
|
5236
|
-
<th style="text-align:left">Name</th>
|
|
5237
|
-
<th style="text-align:left">Type</th>
|
|
5238
|
-
<th style="text-align:left">Description</th>
|
|
5239
|
-
</tr>
|
|
5240
|
-
</thead>
|
|
5241
|
-
<tbody>
|
|
5242
|
-
<tr>
|
|
5243
|
-
<td style="text-align:left">$changes</td>
|
|
5244
|
-
<td style="text-align:left"><code>Map</code></td>
|
|
5245
|
-
<td style="text-align:left">Map of changes</td>
|
|
5246
|
-
</tr>
|
|
5247
|
-
</tbody>
|
|
5248
|
-
</table>
|
|
5249
|
-
<h4 id="require" tabindex="-1">Require</h4>
|
|
5250
|
-
<ul>
|
|
5251
|
-
<li><a href="/frontend/sass/components/accordion/#variable-config">$config</a></li>
|
|
5252
|
-
</ul>
|
|
5253
|
-
<div class="sassdoc-item-header">
|
|
5254
|
-
<h3 id="mixin-styles" tabindex="-1">styles()</h3>
|
|
5255
|
-
<div class="sassdoc-item-header__labels">
|
|
5256
|
-
<span class="tag tag--primary"><strong>Mixin</strong></span>
|
|
5257
|
-
</div>
|
|
5258
|
-
</div>
|
|
5259
|
-
<p>Prints component styles</p>
|
|
5260
|
-
<details>
|
|
5261
|
-
<summary>File Information</summary>
|
|
5262
|
-
<ul>
|
|
5263
|
-
<li><strong>File:</strong> _pager.scss</li>
|
|
5264
|
-
<li><strong>Group:</strong> pager</li>
|
|
5265
|
-
<li><strong>Type:</strong> mixin</li>
|
|
5266
|
-
<li><strong>Lines (comments):</strong> 92-94</li>
|
|
5267
|
-
<li><strong>Lines (code):</strong> 96-168</li>
|
|
5268
|
-
</ul>
|
|
5269
|
-
</details>
|
|
5270
|
-
<h4 id="examples-1" tabindex="-1">Examples</h4>
|
|
5271
|
-
<pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-keyword">@include</span> ulu.<span class="pjs-token pjs-function">component-pager-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>
|
|
5272
|
-
<h4 id="require-1" tabindex="-1">Require</h4>
|
|
5273
|
-
<ul>
|
|
5274
|
-
<li><a href="/frontend/sass/components/accordion/#function-get">get()</a></li>
|
|
5275
|
-
</ul>
|
|
5276
|
-
<h2 id="functions" tabindex="-1">Functions</h2>
|
|
5277
|
-
<div class="sassdoc-item-header">
|
|
5278
|
-
<h3 id="function-get" tabindex="-1">get()</h3>
|
|
5279
|
-
<div class="sassdoc-item-header__labels">
|
|
5280
|
-
<span class="tag tag--primary"><strong>Function</strong></span>
|
|
5281
|
-
</div>
|
|
5282
|
-
</div>
|
|
5283
|
-
<p>Get a config option</p>
|
|
5284
|
-
<details>
|
|
5285
|
-
<summary>File Information</summary>
|
|
5286
|
-
<ul>
|
|
5287
|
-
<li><strong>File:</strong> _pager.scss</li>
|
|
5288
|
-
<li><strong>Group:</strong> pager</li>
|
|
5289
|
-
<li><strong>Type:</strong> function</li>
|
|
5290
|
-
<li><strong>Lines (comments):</strong> 82-85</li>
|
|
5291
|
-
<li><strong>Lines (code):</strong> 87-90</li>
|
|
5292
|
-
</ul>
|
|
5293
|
-
</details>
|
|
5294
|
-
<h4 id="examples-2" tabindex="-1">Examples</h4>
|
|
5295
|
-
<pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-keyword">@include</span> ulu.<span class="pjs-token pjs-function">component-pager-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>
|
|
5296
|
-
<h4 id="parameters-1" tabindex="-1">Parameters</h4>
|
|
5297
|
-
<table>
|
|
5298
|
-
<thead>
|
|
5299
|
-
<tr>
|
|
5300
|
-
<th style="text-align:left">Name</th>
|
|
5301
|
-
<th style="text-align:left">Type</th>
|
|
5302
|
-
<th style="text-align:left">Description</th>
|
|
5303
|
-
</tr>
|
|
5304
|
-
</thead>
|
|
5305
|
-
<tbody>
|
|
5306
|
-
<tr>
|
|
5307
|
-
<td style="text-align:left">$name</td>
|
|
5308
|
-
<td style="text-align:left"><code>Map</code></td>
|
|
5309
|
-
<td style="text-align:left">Name of property</td>
|
|
5310
|
-
</tr>
|
|
5311
|
-
</tbody>
|
|
5312
|
-
</table>
|
|
5313
|
-
<h4 id="require-2" tabindex="-1">Require</h4>
|
|
5314
|
-
<ul>
|
|
5315
|
-
<li><a href="/frontend/sass/components/accordion/#variable-config">$config</a></li>
|
|
5316
|
-
</ul>
|
|
5317
5212
|
<h2 id="variables" tabindex="-1">Variables</h2>
|
|
5318
5213
|
<div class="sassdoc-item-header">
|
|
5319
5214
|
<h3 id="variable-config" tabindex="-1">$config</h3>
|
|
@@ -5524,6 +5419,111 @@
|
|
|
5524
5419
|
</tr>
|
|
5525
5420
|
</tbody>
|
|
5526
5421
|
</table>
|
|
5422
|
+
<h2 id="mixins" tabindex="-1">Mixins</h2>
|
|
5423
|
+
<div class="sassdoc-item-header">
|
|
5424
|
+
<h3 id="mixin-set" tabindex="-1">set()</h3>
|
|
5425
|
+
<div class="sassdoc-item-header__labels">
|
|
5426
|
+
<span class="tag tag--primary"><strong>Mixin</strong></span>
|
|
5427
|
+
</div>
|
|
5428
|
+
</div>
|
|
5429
|
+
<p>Change modules $config</p>
|
|
5430
|
+
<details>
|
|
5431
|
+
<summary>File Information</summary>
|
|
5432
|
+
<ul>
|
|
5433
|
+
<li><strong>File:</strong> _pager.scss</li>
|
|
5434
|
+
<li><strong>Group:</strong> pager</li>
|
|
5435
|
+
<li><strong>Type:</strong> mixin</li>
|
|
5436
|
+
<li><strong>Lines (comments):</strong> 73-76</li>
|
|
5437
|
+
<li><strong>Lines (code):</strong> 78-80</li>
|
|
5438
|
+
</ul>
|
|
5439
|
+
</details>
|
|
5440
|
+
<h4 id="examples" tabindex="-1">Examples</h4>
|
|
5441
|
+
<pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-keyword">@include</span> ulu.<span class="pjs-token pjs-function">component-pager-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>
|
|
5442
|
+
<h4 id="parameters" tabindex="-1">Parameters</h4>
|
|
5443
|
+
<table>
|
|
5444
|
+
<thead>
|
|
5445
|
+
<tr>
|
|
5446
|
+
<th style="text-align:left">Name</th>
|
|
5447
|
+
<th style="text-align:left">Type</th>
|
|
5448
|
+
<th style="text-align:left">Description</th>
|
|
5449
|
+
</tr>
|
|
5450
|
+
</thead>
|
|
5451
|
+
<tbody>
|
|
5452
|
+
<tr>
|
|
5453
|
+
<td style="text-align:left">$changes</td>
|
|
5454
|
+
<td style="text-align:left"><code>Map</code></td>
|
|
5455
|
+
<td style="text-align:left">Map of changes</td>
|
|
5456
|
+
</tr>
|
|
5457
|
+
</tbody>
|
|
5458
|
+
</table>
|
|
5459
|
+
<h4 id="require" tabindex="-1">Require</h4>
|
|
5460
|
+
<ul>
|
|
5461
|
+
<li><a href="/frontend/sass/components/accordion/#variable-config">$config</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>Prints component styles</p>
|
|
5470
|
+
<details>
|
|
5471
|
+
<summary>File Information</summary>
|
|
5472
|
+
<ul>
|
|
5473
|
+
<li><strong>File:</strong> _pager.scss</li>
|
|
5474
|
+
<li><strong>Group:</strong> pager</li>
|
|
5475
|
+
<li><strong>Type:</strong> mixin</li>
|
|
5476
|
+
<li><strong>Lines (comments):</strong> 92-94</li>
|
|
5477
|
+
<li><strong>Lines (code):</strong> 96-168</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-pager-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-1" 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> _pager.scss</li>
|
|
5498
|
+
<li><strong>Group:</strong> pager</li>
|
|
5499
|
+
<li><strong>Type:</strong> function</li>
|
|
5500
|
+
<li><strong>Lines (comments):</strong> 82-85</li>
|
|
5501
|
+
<li><strong>Lines (code):</strong> 87-90</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-pager-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-1" 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-2" 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>
|