@ulu/frontend 0.1.0-beta.42 → 0.1.0-beta.44
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +11 -0
- package/dist/ulu-frontend.min.css +1 -1
- package/docs-dev/changelog/index.html +27 -0
- package/docs-dev/demos/card/index.html +2 -2
- 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 +198 -175
- 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 +5 -2
- package/scss/components/_card.scss +25 -11
|
@@ -5166,6 +5166,15 @@
|
|
|
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
|
+
</ol>
|
|
5176
|
+
</li>
|
|
5177
|
+
|
|
5169
5178
|
<li><a href="#mixins">Mixins</a>
|
|
5170
5179
|
|
|
5171
5180
|
<ol>
|
|
@@ -5205,15 +5214,6 @@
|
|
|
5205
5214
|
|
|
5206
5215
|
<li><a href="#function-get">get()</a>
|
|
5207
5216
|
</li>
|
|
5208
|
-
</ol>
|
|
5209
|
-
</li>
|
|
5210
|
-
|
|
5211
|
-
<li><a href="#variables">Variables</a>
|
|
5212
|
-
|
|
5213
|
-
<ol>
|
|
5214
|
-
|
|
5215
|
-
<li><a href="#variable-config">$config</a>
|
|
5216
|
-
</li>
|
|
5217
5217
|
</ol>
|
|
5218
5218
|
</li>
|
|
5219
5219
|
</ol>
|
|
@@ -5230,262 +5230,7 @@
|
|
|
5230
5230
|
<h1 id="form-theme" tabindex="-1">Form-theme</h1>
|
|
5231
5231
|
<div class="type-large">
|
|
5232
5232
|
<p>A container for content that highlights important information, provides context, or guides user attention within an interface</p>
|
|
5233
|
-
</div>
|
|
5234
|
-
<h2 id="mixins" tabindex="-1">Mixins</h2>
|
|
5235
|
-
<div class="sassdoc-item-header">
|
|
5236
|
-
<h3 id="mixin-set" tabindex="-1">set()</h3>
|
|
5237
|
-
<div class="sassdoc-item-header__labels">
|
|
5238
|
-
<span class="tag tag--primary"><strong>Mixin</strong></span>
|
|
5239
|
-
</div>
|
|
5240
|
-
</div>
|
|
5241
|
-
<p>Change modules $config</p>
|
|
5242
|
-
<details>
|
|
5243
|
-
<summary>File Information</summary>
|
|
5244
|
-
<ul>
|
|
5245
|
-
<li><strong>File:</strong> _form-theme.scss</li>
|
|
5246
|
-
<li><strong>Group:</strong> form-theme</li>
|
|
5247
|
-
<li><strong>Type:</strong> mixin</li>
|
|
5248
|
-
<li><strong>Lines (comments):</strong> 195-198</li>
|
|
5249
|
-
<li><strong>Lines (code):</strong> 200-202</li>
|
|
5250
|
-
</ul>
|
|
5251
|
-
</details>
|
|
5252
|
-
<h4 id="examples" tabindex="-1">Examples</h4>
|
|
5253
|
-
<pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-keyword">@include</span> ulu.<span class="pjs-token pjs-function">component-form-theme-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>
|
|
5254
|
-
<h4 id="parameters" tabindex="-1">Parameters</h4>
|
|
5255
|
-
<table>
|
|
5256
|
-
<thead>
|
|
5257
|
-
<tr>
|
|
5258
|
-
<th style="text-align:left">Name</th>
|
|
5259
|
-
<th style="text-align:left">Type</th>
|
|
5260
|
-
<th style="text-align:left">Description</th>
|
|
5261
|
-
</tr>
|
|
5262
|
-
</thead>
|
|
5263
|
-
<tbody>
|
|
5264
|
-
<tr>
|
|
5265
|
-
<td style="text-align:left">$changes</td>
|
|
5266
|
-
<td style="text-align:left"><code>Map</code></td>
|
|
5267
|
-
<td style="text-align:left">Map of changes</td>
|
|
5268
|
-
</tr>
|
|
5269
|
-
</tbody>
|
|
5270
|
-
</table>
|
|
5271
|
-
<h4 id="require" tabindex="-1">Require</h4>
|
|
5272
|
-
<ul>
|
|
5273
|
-
<li><a href="/frontend/sass/components/accordion/#variable-config">$config</a></li>
|
|
5274
|
-
</ul>
|
|
5275
|
-
<div class="sassdoc-item-header">
|
|
5276
|
-
<h3 id="mixin-styles" tabindex="-1">styles()</h3>
|
|
5277
|
-
<div class="sassdoc-item-header__labels">
|
|
5278
|
-
<span class="tag tag--primary"><strong>Mixin</strong></span>
|
|
5279
|
-
</div>
|
|
5280
|
-
</div>
|
|
5281
|
-
<p>Output component stylesheet</p>
|
|
5282
|
-
<details>
|
|
5283
|
-
<summary>File Information</summary>
|
|
5284
|
-
<ul>
|
|
5285
|
-
<li><strong>File:</strong> _form-theme.scss</li>
|
|
5286
|
-
<li><strong>Group:</strong> form-theme</li>
|
|
5287
|
-
<li><strong>Type:</strong> mixin</li>
|
|
5288
|
-
<li><strong>Lines (comments):</strong> 218-220</li>
|
|
5289
|
-
<li><strong>Lines (code):</strong> 222-259</li>
|
|
5290
|
-
</ul>
|
|
5291
|
-
</details>
|
|
5292
|
-
<h4 id="examples-1" tabindex="-1">Examples</h4>
|
|
5293
|
-
<pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-keyword">@include</span> ulu.<span class="pjs-token pjs-function">component-form-theme-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>
|
|
5294
|
-
<h4 id="require-1" tabindex="-1">Require</h4>
|
|
5295
|
-
<ul>
|
|
5296
|
-
<li><a href="/frontend/sass/components/form-theme/#mixin-drupal-layout-element-styles">drupal-layout-element-styles()</a></li>
|
|
5297
|
-
<li><a href="/frontend/sass/components/form-theme/#mixin-layout-element-styles">layout-element-styles()</a></li>
|
|
5298
|
-
<li><a href="/frontend/sass/components/accordion/#function-get">get()</a></li>
|
|
5299
|
-
</ul>
|
|
5300
|
-
<div class="sassdoc-item-header">
|
|
5301
|
-
<h3 id="mixin-element-required-char" tabindex="-1">element-required-char()</h3>
|
|
5302
|
-
<div class="sassdoc-item-header__labels">
|
|
5303
|
-
<span class="tag tag--primary"><strong>Mixin</strong></span>
|
|
5304
|
-
</div>
|
|
5305
|
-
</div>
|
|
5306
|
-
<p>Required Character styles (ie. "*")</p>
|
|
5307
|
-
<details>
|
|
5308
|
-
<summary>File Information</summary>
|
|
5309
|
-
<ul>
|
|
5310
|
-
<li><strong>File:</strong> _form-theme.scss</li>
|
|
5311
|
-
<li><strong>Group:</strong> form-theme</li>
|
|
5312
|
-
<li><strong>Type:</strong> mixin</li>
|
|
5313
|
-
<li><strong>Lines (comments):</strong> 498-498</li>
|
|
5314
|
-
<li><strong>Lines (code):</strong> 499-506</li>
|
|
5315
|
-
</ul>
|
|
5316
|
-
</details>
|
|
5317
|
-
<h4 id="require-2" tabindex="-1">Require</h4>
|
|
5318
|
-
<ul>
|
|
5319
|
-
<li><a href="/frontend/sass/components/accordion/#function-get">get()</a></li>
|
|
5320
|
-
</ul>
|
|
5321
|
-
<div class="sassdoc-item-header">
|
|
5322
|
-
<h3 id="mixin-element-help-text" tabindex="-1">element-help-text()</h3>
|
|
5323
|
-
<div class="sassdoc-item-header__labels">
|
|
5324
|
-
<span class="tag tag--primary"><strong>Mixin</strong></span>
|
|
5325
|
-
</div>
|
|
5326
|
-
</div>
|
|
5327
|
-
<p>Help text / Description</p>
|
|
5328
|
-
<details>
|
|
5329
|
-
<summary>File Information</summary>
|
|
5330
|
-
<ul>
|
|
5331
|
-
<li><strong>File:</strong> _form-theme.scss</li>
|
|
5332
|
-
<li><strong>Group:</strong> form-theme</li>
|
|
5333
|
-
<li><strong>Type:</strong> mixin</li>
|
|
5334
|
-
<li><strong>Lines (comments):</strong> 508-508</li>
|
|
5335
|
-
<li><strong>Lines (code):</strong> 509-516</li>
|
|
5336
|
-
</ul>
|
|
5337
|
-
</details>
|
|
5338
|
-
<h4 id="require-3" tabindex="-1">Require</h4>
|
|
5339
|
-
<ul>
|
|
5340
|
-
<li><a href="/frontend/sass/components/accordion/#function-get">get()</a></li>
|
|
5341
|
-
</ul>
|
|
5342
|
-
<div class="sassdoc-item-header">
|
|
5343
|
-
<h3 id="mixin-element-form-item-block" tabindex="-1">element-form-item-block()</h3>
|
|
5344
|
-
<div class="sassdoc-item-header__labels">
|
|
5345
|
-
<span class="tag tag--primary"><strong>Mixin</strong></span>
|
|
5346
|
-
</div>
|
|
5347
|
-
</div>
|
|
5348
|
-
<p>Styles for form item that should have label as block and text input</p>
|
|
5349
|
-
<details>
|
|
5350
|
-
<summary>File Information</summary>
|
|
5351
|
-
<ul>
|
|
5352
|
-
<li><strong>File:</strong> _form-theme.scss</li>
|
|
5353
|
-
<li><strong>Group:</strong> form-theme</li>
|
|
5354
|
-
<li><strong>Type:</strong> mixin</li>
|
|
5355
|
-
<li><strong>Lines (comments):</strong> 518-518</li>
|
|
5356
|
-
<li><strong>Lines (code):</strong> 519-530</li>
|
|
5357
|
-
</ul>
|
|
5358
|
-
</details>
|
|
5359
|
-
<h4 id="require-4" tabindex="-1">Require</h4>
|
|
5360
|
-
<ul>
|
|
5361
|
-
<li><a href="/frontend/sass/components/accordion/#function-get">get()</a></li>
|
|
5362
|
-
</ul>
|
|
5363
|
-
<div class="sassdoc-item-header">
|
|
5364
|
-
<h3 id="mixin-element-form-actions" tabindex="-1">element-form-actions()</h3>
|
|
5365
|
-
<div class="sassdoc-item-header__labels">
|
|
5366
|
-
<span class="tag tag--primary"><strong>Mixin</strong></span>
|
|
5367
|
-
</div>
|
|
5368
|
-
</div>
|
|
5369
|
-
<p>Footer of form (with button for example)</p>
|
|
5370
|
-
<details>
|
|
5371
|
-
<summary>File Information</summary>
|
|
5372
|
-
<ul>
|
|
5373
|
-
<li><strong>File:</strong> _form-theme.scss</li>
|
|
5374
|
-
<li><strong>Group:</strong> form-theme</li>
|
|
5375
|
-
<li><strong>Type:</strong> mixin</li>
|
|
5376
|
-
<li><strong>Lines (comments):</strong> 532-532</li>
|
|
5377
|
-
<li><strong>Lines (code):</strong> 533-536</li>
|
|
5378
|
-
</ul>
|
|
5379
|
-
</details>
|
|
5380
|
-
<div class="sassdoc-item-header">
|
|
5381
|
-
<h3 id="mixin-element-form-actions-right" tabindex="-1">element-form-actions-right()</h3>
|
|
5382
|
-
<div class="sassdoc-item-header__labels">
|
|
5383
|
-
<span class="tag tag--primary"><strong>Mixin</strong></span>
|
|
5384
|
-
</div>
|
|
5385
|
-
</div>
|
|
5386
|
-
<p>Footer of form (with button for example)</p>
|
|
5387
|
-
<details>
|
|
5388
|
-
<summary>File Information</summary>
|
|
5389
|
-
<ul>
|
|
5390
|
-
<li><strong>File:</strong> _form-theme.scss</li>
|
|
5391
|
-
<li><strong>Group:</strong> form-theme</li>
|
|
5392
|
-
<li><strong>Type:</strong> mixin</li>
|
|
5393
|
-
<li><strong>Lines (comments):</strong> 538-538</li>
|
|
5394
|
-
<li><strong>Lines (code):</strong> 539-541</li>
|
|
5395
|
-
</ul>
|
|
5396
|
-
</details>
|
|
5397
|
-
<div class="sassdoc-item-header">
|
|
5398
|
-
<h3 id="mixin-layout-element-styles" tabindex="-1">layout-element-styles()</h3>
|
|
5399
|
-
<div class="sassdoc-item-header__labels">
|
|
5400
|
-
<span class="tag tag--primary"><strong>Mixin</strong></span>
|
|
5401
|
-
</div>
|
|
5402
|
-
</div>
|
|
5403
|
-
<p>Layout styling for static/app sites</p>
|
|
5404
|
-
<details>
|
|
5405
|
-
<summary>File Information</summary>
|
|
5406
|
-
<ul>
|
|
5407
|
-
<li><strong>File:</strong> _form-theme.scss</li>
|
|
5408
|
-
<li><strong>Group:</strong> form-theme</li>
|
|
5409
|
-
<li><strong>Type:</strong> mixin</li>
|
|
5410
|
-
<li><strong>Lines (comments):</strong> 543-543</li>
|
|
5411
|
-
<li><strong>Lines (code):</strong> 544-597</li>
|
|
5412
|
-
</ul>
|
|
5413
|
-
</details>
|
|
5414
|
-
<h4 id="require-5" tabindex="-1">Require</h4>
|
|
5415
|
-
<ul>
|
|
5416
|
-
<li><a href="/frontend/sass/components/form-theme/#mixin-element-required-char">element-required-char()</a></li>
|
|
5417
|
-
<li><a href="/frontend/sass/components/form-theme/#mixin-element-help-text">element-help-text()</a></li>
|
|
5418
|
-
<li><a href="/frontend/sass/components/form-theme/#mixin-element-form-item-block">element-form-item-block()</a></li>
|
|
5419
|
-
<li><a href="/frontend/sass/components/form-theme/#mixin-element-form-actions">element-form-actions()</a></li>
|
|
5420
|
-
<li><a href="/frontend/sass/components/form-theme/#mixin-element-form-actions-right">element-form-actions-right()</a></li>
|
|
5421
|
-
<li><a href="/frontend/sass/components/accordion/#function-get">get()</a></li>
|
|
5422
|
-
</ul>
|
|
5423
|
-
<div class="sassdoc-item-header">
|
|
5424
|
-
<h3 id="mixin-drupal-layout-element-styles" tabindex="-1">drupal-layout-element-styles()</h3>
|
|
5425
|
-
<div class="sassdoc-item-header__labels">
|
|
5426
|
-
<span class="tag tag--primary"><strong>Mixin</strong></span>
|
|
5427
|
-
</div>
|
|
5428
|
-
</div>
|
|
5429
|
-
<p>Layout styles but using drupal form structures</p>
|
|
5430
|
-
<details>
|
|
5431
|
-
<summary>File Information</summary>
|
|
5432
|
-
<ul>
|
|
5433
|
-
<li><strong>File:</strong> _form-theme.scss</li>
|
|
5434
|
-
<li><strong>Group:</strong> form-theme</li>
|
|
5435
|
-
<li><strong>Type:</strong> mixin</li>
|
|
5436
|
-
<li><strong>Lines (comments):</strong> 599-599</li>
|
|
5437
|
-
<li><strong>Lines (code):</strong> 600-628</li>
|
|
5438
|
-
</ul>
|
|
5439
|
-
</details>
|
|
5440
|
-
<h4 id="require-6" tabindex="-1">Require</h4>
|
|
5441
|
-
<ul>
|
|
5442
|
-
<li><a href="/frontend/sass/components/form-theme/#mixin-element-required-char">element-required-char()</a></li>
|
|
5443
|
-
<li><a href="/frontend/sass/components/form-theme/#mixin-element-help-text">element-help-text()</a></li>
|
|
5444
|
-
<li><a href="/frontend/sass/components/form-theme/#mixin-element-form-item-block">element-form-item-block()</a></li>
|
|
5445
|
-
<li><a href="/frontend/sass/components/form-theme/#mixin-element-form-actions">element-form-actions()</a></li>
|
|
5446
|
-
<li><a href="/frontend/sass/components/form-theme/#mixin-element-form-actions-right">element-form-actions-right()</a></li>
|
|
5447
|
-
</ul>
|
|
5448
|
-
<h2 id="functions" tabindex="-1">Functions</h2>
|
|
5449
|
-
<div class="sassdoc-item-header">
|
|
5450
|
-
<h3 id="function-get" tabindex="-1">get()</h3>
|
|
5451
|
-
<div class="sassdoc-item-header__labels">
|
|
5452
|
-
<span class="tag tag--primary"><strong>Function</strong></span>
|
|
5453
|
-
</div>
|
|
5454
|
-
</div>
|
|
5455
|
-
<p>Get a config option</p>
|
|
5456
|
-
<details>
|
|
5457
|
-
<summary>File Information</summary>
|
|
5458
|
-
<ul>
|
|
5459
|
-
<li><strong>File:</strong> _form-theme.scss</li>
|
|
5460
|
-
<li><strong>Group:</strong> form-theme</li>
|
|
5461
|
-
<li><strong>Type:</strong> function</li>
|
|
5462
|
-
<li><strong>Lines (comments):</strong> 204-207</li>
|
|
5463
|
-
<li><strong>Lines (code):</strong> 209-212</li>
|
|
5464
|
-
</ul>
|
|
5465
|
-
</details>
|
|
5466
|
-
<h4 id="examples-2" tabindex="-1">Examples</h4>
|
|
5467
|
-
<pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-keyword">@include</span> ulu.<span class="pjs-token pjs-function">component-form-theme-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>
|
|
5468
|
-
<h4 id="parameters-1" tabindex="-1">Parameters</h4>
|
|
5469
|
-
<table>
|
|
5470
|
-
<thead>
|
|
5471
|
-
<tr>
|
|
5472
|
-
<th style="text-align:left">Name</th>
|
|
5473
|
-
<th style="text-align:left">Type</th>
|
|
5474
|
-
<th style="text-align:left">Description</th>
|
|
5475
|
-
</tr>
|
|
5476
|
-
</thead>
|
|
5477
|
-
<tbody>
|
|
5478
|
-
<tr>
|
|
5479
|
-
<td style="text-align:left">$name</td>
|
|
5480
|
-
<td style="text-align:left"><code>Map</code></td>
|
|
5481
|
-
<td style="text-align:left">Name of property</td>
|
|
5482
|
-
</tr>
|
|
5483
|
-
</tbody>
|
|
5484
|
-
</table>
|
|
5485
|
-
<h4 id="require-7" tabindex="-1">Require</h4>
|
|
5486
|
-
<ul>
|
|
5487
|
-
<li><a href="/frontend/sass/components/accordion/#variable-config">$config</a></li>
|
|
5488
|
-
</ul>
|
|
5233
|
+
</div>
|
|
5489
5234
|
<h2 id="variables" tabindex="-1">Variables</h2>
|
|
5490
5235
|
<div class="sassdoc-item-header">
|
|
5491
5236
|
<h3 id="variable-config" tabindex="-1">$config</h3>
|
|
@@ -6088,6 +5833,261 @@
|
|
|
6088
5833
|
</tr>
|
|
6089
5834
|
</tbody>
|
|
6090
5835
|
</table>
|
|
5836
|
+
<h2 id="mixins" tabindex="-1">Mixins</h2>
|
|
5837
|
+
<div class="sassdoc-item-header">
|
|
5838
|
+
<h3 id="mixin-set" tabindex="-1">set()</h3>
|
|
5839
|
+
<div class="sassdoc-item-header__labels">
|
|
5840
|
+
<span class="tag tag--primary"><strong>Mixin</strong></span>
|
|
5841
|
+
</div>
|
|
5842
|
+
</div>
|
|
5843
|
+
<p>Change modules $config</p>
|
|
5844
|
+
<details>
|
|
5845
|
+
<summary>File Information</summary>
|
|
5846
|
+
<ul>
|
|
5847
|
+
<li><strong>File:</strong> _form-theme.scss</li>
|
|
5848
|
+
<li><strong>Group:</strong> form-theme</li>
|
|
5849
|
+
<li><strong>Type:</strong> mixin</li>
|
|
5850
|
+
<li><strong>Lines (comments):</strong> 195-198</li>
|
|
5851
|
+
<li><strong>Lines (code):</strong> 200-202</li>
|
|
5852
|
+
</ul>
|
|
5853
|
+
</details>
|
|
5854
|
+
<h4 id="examples" tabindex="-1">Examples</h4>
|
|
5855
|
+
<pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-keyword">@include</span> ulu.<span class="pjs-token pjs-function">component-form-theme-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>
|
|
5856
|
+
<h4 id="parameters" tabindex="-1">Parameters</h4>
|
|
5857
|
+
<table>
|
|
5858
|
+
<thead>
|
|
5859
|
+
<tr>
|
|
5860
|
+
<th style="text-align:left">Name</th>
|
|
5861
|
+
<th style="text-align:left">Type</th>
|
|
5862
|
+
<th style="text-align:left">Description</th>
|
|
5863
|
+
</tr>
|
|
5864
|
+
</thead>
|
|
5865
|
+
<tbody>
|
|
5866
|
+
<tr>
|
|
5867
|
+
<td style="text-align:left">$changes</td>
|
|
5868
|
+
<td style="text-align:left"><code>Map</code></td>
|
|
5869
|
+
<td style="text-align:left">Map of changes</td>
|
|
5870
|
+
</tr>
|
|
5871
|
+
</tbody>
|
|
5872
|
+
</table>
|
|
5873
|
+
<h4 id="require" tabindex="-1">Require</h4>
|
|
5874
|
+
<ul>
|
|
5875
|
+
<li><a href="/frontend/sass/components/accordion/#variable-config">$config</a></li>
|
|
5876
|
+
</ul>
|
|
5877
|
+
<div class="sassdoc-item-header">
|
|
5878
|
+
<h3 id="mixin-styles" tabindex="-1">styles()</h3>
|
|
5879
|
+
<div class="sassdoc-item-header__labels">
|
|
5880
|
+
<span class="tag tag--primary"><strong>Mixin</strong></span>
|
|
5881
|
+
</div>
|
|
5882
|
+
</div>
|
|
5883
|
+
<p>Output component stylesheet</p>
|
|
5884
|
+
<details>
|
|
5885
|
+
<summary>File Information</summary>
|
|
5886
|
+
<ul>
|
|
5887
|
+
<li><strong>File:</strong> _form-theme.scss</li>
|
|
5888
|
+
<li><strong>Group:</strong> form-theme</li>
|
|
5889
|
+
<li><strong>Type:</strong> mixin</li>
|
|
5890
|
+
<li><strong>Lines (comments):</strong> 218-220</li>
|
|
5891
|
+
<li><strong>Lines (code):</strong> 222-259</li>
|
|
5892
|
+
</ul>
|
|
5893
|
+
</details>
|
|
5894
|
+
<h4 id="examples-1" tabindex="-1">Examples</h4>
|
|
5895
|
+
<pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-keyword">@include</span> ulu.<span class="pjs-token pjs-function">component-form-theme-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>
|
|
5896
|
+
<h4 id="require-1" tabindex="-1">Require</h4>
|
|
5897
|
+
<ul>
|
|
5898
|
+
<li><a href="/frontend/sass/components/form-theme/#mixin-drupal-layout-element-styles">drupal-layout-element-styles()</a></li>
|
|
5899
|
+
<li><a href="/frontend/sass/components/form-theme/#mixin-layout-element-styles">layout-element-styles()</a></li>
|
|
5900
|
+
<li><a href="/frontend/sass/components/accordion/#function-get">get()</a></li>
|
|
5901
|
+
</ul>
|
|
5902
|
+
<div class="sassdoc-item-header">
|
|
5903
|
+
<h3 id="mixin-element-required-char" tabindex="-1">element-required-char()</h3>
|
|
5904
|
+
<div class="sassdoc-item-header__labels">
|
|
5905
|
+
<span class="tag tag--primary"><strong>Mixin</strong></span>
|
|
5906
|
+
</div>
|
|
5907
|
+
</div>
|
|
5908
|
+
<p>Required Character styles (ie. "*")</p>
|
|
5909
|
+
<details>
|
|
5910
|
+
<summary>File Information</summary>
|
|
5911
|
+
<ul>
|
|
5912
|
+
<li><strong>File:</strong> _form-theme.scss</li>
|
|
5913
|
+
<li><strong>Group:</strong> form-theme</li>
|
|
5914
|
+
<li><strong>Type:</strong> mixin</li>
|
|
5915
|
+
<li><strong>Lines (comments):</strong> 498-498</li>
|
|
5916
|
+
<li><strong>Lines (code):</strong> 499-506</li>
|
|
5917
|
+
</ul>
|
|
5918
|
+
</details>
|
|
5919
|
+
<h4 id="require-2" tabindex="-1">Require</h4>
|
|
5920
|
+
<ul>
|
|
5921
|
+
<li><a href="/frontend/sass/components/accordion/#function-get">get()</a></li>
|
|
5922
|
+
</ul>
|
|
5923
|
+
<div class="sassdoc-item-header">
|
|
5924
|
+
<h3 id="mixin-element-help-text" tabindex="-1">element-help-text()</h3>
|
|
5925
|
+
<div class="sassdoc-item-header__labels">
|
|
5926
|
+
<span class="tag tag--primary"><strong>Mixin</strong></span>
|
|
5927
|
+
</div>
|
|
5928
|
+
</div>
|
|
5929
|
+
<p>Help text / Description</p>
|
|
5930
|
+
<details>
|
|
5931
|
+
<summary>File Information</summary>
|
|
5932
|
+
<ul>
|
|
5933
|
+
<li><strong>File:</strong> _form-theme.scss</li>
|
|
5934
|
+
<li><strong>Group:</strong> form-theme</li>
|
|
5935
|
+
<li><strong>Type:</strong> mixin</li>
|
|
5936
|
+
<li><strong>Lines (comments):</strong> 508-508</li>
|
|
5937
|
+
<li><strong>Lines (code):</strong> 509-516</li>
|
|
5938
|
+
</ul>
|
|
5939
|
+
</details>
|
|
5940
|
+
<h4 id="require-3" tabindex="-1">Require</h4>
|
|
5941
|
+
<ul>
|
|
5942
|
+
<li><a href="/frontend/sass/components/accordion/#function-get">get()</a></li>
|
|
5943
|
+
</ul>
|
|
5944
|
+
<div class="sassdoc-item-header">
|
|
5945
|
+
<h3 id="mixin-element-form-item-block" tabindex="-1">element-form-item-block()</h3>
|
|
5946
|
+
<div class="sassdoc-item-header__labels">
|
|
5947
|
+
<span class="tag tag--primary"><strong>Mixin</strong></span>
|
|
5948
|
+
</div>
|
|
5949
|
+
</div>
|
|
5950
|
+
<p>Styles for form item that should have label as block and text input</p>
|
|
5951
|
+
<details>
|
|
5952
|
+
<summary>File Information</summary>
|
|
5953
|
+
<ul>
|
|
5954
|
+
<li><strong>File:</strong> _form-theme.scss</li>
|
|
5955
|
+
<li><strong>Group:</strong> form-theme</li>
|
|
5956
|
+
<li><strong>Type:</strong> mixin</li>
|
|
5957
|
+
<li><strong>Lines (comments):</strong> 518-518</li>
|
|
5958
|
+
<li><strong>Lines (code):</strong> 519-530</li>
|
|
5959
|
+
</ul>
|
|
5960
|
+
</details>
|
|
5961
|
+
<h4 id="require-4" tabindex="-1">Require</h4>
|
|
5962
|
+
<ul>
|
|
5963
|
+
<li><a href="/frontend/sass/components/accordion/#function-get">get()</a></li>
|
|
5964
|
+
</ul>
|
|
5965
|
+
<div class="sassdoc-item-header">
|
|
5966
|
+
<h3 id="mixin-element-form-actions" tabindex="-1">element-form-actions()</h3>
|
|
5967
|
+
<div class="sassdoc-item-header__labels">
|
|
5968
|
+
<span class="tag tag--primary"><strong>Mixin</strong></span>
|
|
5969
|
+
</div>
|
|
5970
|
+
</div>
|
|
5971
|
+
<p>Footer of form (with button for example)</p>
|
|
5972
|
+
<details>
|
|
5973
|
+
<summary>File Information</summary>
|
|
5974
|
+
<ul>
|
|
5975
|
+
<li><strong>File:</strong> _form-theme.scss</li>
|
|
5976
|
+
<li><strong>Group:</strong> form-theme</li>
|
|
5977
|
+
<li><strong>Type:</strong> mixin</li>
|
|
5978
|
+
<li><strong>Lines (comments):</strong> 532-532</li>
|
|
5979
|
+
<li><strong>Lines (code):</strong> 533-536</li>
|
|
5980
|
+
</ul>
|
|
5981
|
+
</details>
|
|
5982
|
+
<div class="sassdoc-item-header">
|
|
5983
|
+
<h3 id="mixin-element-form-actions-right" tabindex="-1">element-form-actions-right()</h3>
|
|
5984
|
+
<div class="sassdoc-item-header__labels">
|
|
5985
|
+
<span class="tag tag--primary"><strong>Mixin</strong></span>
|
|
5986
|
+
</div>
|
|
5987
|
+
</div>
|
|
5988
|
+
<p>Footer of form (with button for example)</p>
|
|
5989
|
+
<details>
|
|
5990
|
+
<summary>File Information</summary>
|
|
5991
|
+
<ul>
|
|
5992
|
+
<li><strong>File:</strong> _form-theme.scss</li>
|
|
5993
|
+
<li><strong>Group:</strong> form-theme</li>
|
|
5994
|
+
<li><strong>Type:</strong> mixin</li>
|
|
5995
|
+
<li><strong>Lines (comments):</strong> 538-538</li>
|
|
5996
|
+
<li><strong>Lines (code):</strong> 539-541</li>
|
|
5997
|
+
</ul>
|
|
5998
|
+
</details>
|
|
5999
|
+
<div class="sassdoc-item-header">
|
|
6000
|
+
<h3 id="mixin-layout-element-styles" tabindex="-1">layout-element-styles()</h3>
|
|
6001
|
+
<div class="sassdoc-item-header__labels">
|
|
6002
|
+
<span class="tag tag--primary"><strong>Mixin</strong></span>
|
|
6003
|
+
</div>
|
|
6004
|
+
</div>
|
|
6005
|
+
<p>Layout styling for static/app sites</p>
|
|
6006
|
+
<details>
|
|
6007
|
+
<summary>File Information</summary>
|
|
6008
|
+
<ul>
|
|
6009
|
+
<li><strong>File:</strong> _form-theme.scss</li>
|
|
6010
|
+
<li><strong>Group:</strong> form-theme</li>
|
|
6011
|
+
<li><strong>Type:</strong> mixin</li>
|
|
6012
|
+
<li><strong>Lines (comments):</strong> 543-543</li>
|
|
6013
|
+
<li><strong>Lines (code):</strong> 544-597</li>
|
|
6014
|
+
</ul>
|
|
6015
|
+
</details>
|
|
6016
|
+
<h4 id="require-5" tabindex="-1">Require</h4>
|
|
6017
|
+
<ul>
|
|
6018
|
+
<li><a href="/frontend/sass/components/form-theme/#mixin-element-required-char">element-required-char()</a></li>
|
|
6019
|
+
<li><a href="/frontend/sass/components/form-theme/#mixin-element-help-text">element-help-text()</a></li>
|
|
6020
|
+
<li><a href="/frontend/sass/components/form-theme/#mixin-element-form-item-block">element-form-item-block()</a></li>
|
|
6021
|
+
<li><a href="/frontend/sass/components/form-theme/#mixin-element-form-actions">element-form-actions()</a></li>
|
|
6022
|
+
<li><a href="/frontend/sass/components/form-theme/#mixin-element-form-actions-right">element-form-actions-right()</a></li>
|
|
6023
|
+
<li><a href="/frontend/sass/components/accordion/#function-get">get()</a></li>
|
|
6024
|
+
</ul>
|
|
6025
|
+
<div class="sassdoc-item-header">
|
|
6026
|
+
<h3 id="mixin-drupal-layout-element-styles" tabindex="-1">drupal-layout-element-styles()</h3>
|
|
6027
|
+
<div class="sassdoc-item-header__labels">
|
|
6028
|
+
<span class="tag tag--primary"><strong>Mixin</strong></span>
|
|
6029
|
+
</div>
|
|
6030
|
+
</div>
|
|
6031
|
+
<p>Layout styles but using drupal form structures</p>
|
|
6032
|
+
<details>
|
|
6033
|
+
<summary>File Information</summary>
|
|
6034
|
+
<ul>
|
|
6035
|
+
<li><strong>File:</strong> _form-theme.scss</li>
|
|
6036
|
+
<li><strong>Group:</strong> form-theme</li>
|
|
6037
|
+
<li><strong>Type:</strong> mixin</li>
|
|
6038
|
+
<li><strong>Lines (comments):</strong> 599-599</li>
|
|
6039
|
+
<li><strong>Lines (code):</strong> 600-628</li>
|
|
6040
|
+
</ul>
|
|
6041
|
+
</details>
|
|
6042
|
+
<h4 id="require-6" tabindex="-1">Require</h4>
|
|
6043
|
+
<ul>
|
|
6044
|
+
<li><a href="/frontend/sass/components/form-theme/#mixin-element-required-char">element-required-char()</a></li>
|
|
6045
|
+
<li><a href="/frontend/sass/components/form-theme/#mixin-element-help-text">element-help-text()</a></li>
|
|
6046
|
+
<li><a href="/frontend/sass/components/form-theme/#mixin-element-form-item-block">element-form-item-block()</a></li>
|
|
6047
|
+
<li><a href="/frontend/sass/components/form-theme/#mixin-element-form-actions">element-form-actions()</a></li>
|
|
6048
|
+
<li><a href="/frontend/sass/components/form-theme/#mixin-element-form-actions-right">element-form-actions-right()</a></li>
|
|
6049
|
+
</ul>
|
|
6050
|
+
<h2 id="functions" tabindex="-1">Functions</h2>
|
|
6051
|
+
<div class="sassdoc-item-header">
|
|
6052
|
+
<h3 id="function-get" tabindex="-1">get()</h3>
|
|
6053
|
+
<div class="sassdoc-item-header__labels">
|
|
6054
|
+
<span class="tag tag--primary"><strong>Function</strong></span>
|
|
6055
|
+
</div>
|
|
6056
|
+
</div>
|
|
6057
|
+
<p>Get a config option</p>
|
|
6058
|
+
<details>
|
|
6059
|
+
<summary>File Information</summary>
|
|
6060
|
+
<ul>
|
|
6061
|
+
<li><strong>File:</strong> _form-theme.scss</li>
|
|
6062
|
+
<li><strong>Group:</strong> form-theme</li>
|
|
6063
|
+
<li><strong>Type:</strong> function</li>
|
|
6064
|
+
<li><strong>Lines (comments):</strong> 204-207</li>
|
|
6065
|
+
<li><strong>Lines (code):</strong> 209-212</li>
|
|
6066
|
+
</ul>
|
|
6067
|
+
</details>
|
|
6068
|
+
<h4 id="examples-2" tabindex="-1">Examples</h4>
|
|
6069
|
+
<pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-keyword">@include</span> ulu.<span class="pjs-token pjs-function">component-form-theme-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>
|
|
6070
|
+
<h4 id="parameters-1" tabindex="-1">Parameters</h4>
|
|
6071
|
+
<table>
|
|
6072
|
+
<thead>
|
|
6073
|
+
<tr>
|
|
6074
|
+
<th style="text-align:left">Name</th>
|
|
6075
|
+
<th style="text-align:left">Type</th>
|
|
6076
|
+
<th style="text-align:left">Description</th>
|
|
6077
|
+
</tr>
|
|
6078
|
+
</thead>
|
|
6079
|
+
<tbody>
|
|
6080
|
+
<tr>
|
|
6081
|
+
<td style="text-align:left">$name</td>
|
|
6082
|
+
<td style="text-align:left"><code>Map</code></td>
|
|
6083
|
+
<td style="text-align:left">Name of property</td>
|
|
6084
|
+
</tr>
|
|
6085
|
+
</tbody>
|
|
6086
|
+
</table>
|
|
6087
|
+
<h4 id="require-7" tabindex="-1">Require</h4>
|
|
6088
|
+
<ul>
|
|
6089
|
+
<li><a href="/frontend/sass/components/accordion/#variable-config">$config</a></li>
|
|
6090
|
+
</ul>
|
|
6091
6091
|
|
|
6092
6092
|
</div>
|
|
6093
6093
|
</div>
|