@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,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-base-elements-styles">base-elements-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-base-elements-styles">base-elements-styles()</a>
|
|
5186
5186
|
</li>
|
|
5187
5187
|
</ol>
|
|
5188
5188
|
</li>
|
|
5189
5189
|
|
|
5190
|
-
<li><a href="#
|
|
5190
|
+
<li><a href="#functions">Functions</a>
|
|
5191
5191
|
|
|
5192
5192
|
<ol>
|
|
5193
5193
|
|
|
5194
|
-
<li><a href="#
|
|
5194
|
+
<li><a href="#function-get">get()</a>
|
|
5195
5195
|
</li>
|
|
5196
5196
|
</ol>
|
|
5197
5197
|
</li>
|
|
@@ -5210,6 +5210,67 @@
|
|
|
5210
5210
|
<div class="type-large">
|
|
5211
5211
|
<p>Outputs general HTML element styles (body, a, etc)</p>
|
|
5212
5212
|
</div>
|
|
5213
|
+
<h2 id="variables" tabindex="-1">Variables</h2>
|
|
5214
|
+
<div class="sassdoc-item-header">
|
|
5215
|
+
<h3 id="variable-config" tabindex="-1">$config</h3>
|
|
5216
|
+
<div class="sassdoc-item-header__labels">
|
|
5217
|
+
<span class="tag tag--primary"><strong>Variable</strong></span> <span class="tag"><strong>Type</strong>: Map</span>
|
|
5218
|
+
</div>
|
|
5219
|
+
</div>
|
|
5220
|
+
<p>Module Settings</p>
|
|
5221
|
+
<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>
|
|
5222
|
+
<span class="pjs-token pjs-string">"details-animation"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-punctuation">(</span>UluFadeInDown 350ms ease-in-out<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">,</span>
|
|
5223
|
+
<span class="pjs-token pjs-string">"link"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-boolean">true</span><span class="pjs-token pjs-punctuation">,</span>
|
|
5224
|
+
<span class="pjs-token pjs-string">"link-hover"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-boolean">true</span><span class="pjs-token pjs-punctuation">,</span>
|
|
5225
|
+
<span class="pjs-token pjs-string">"link-visited"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-boolean">false</span><span class="pjs-token pjs-punctuation">,</span>
|
|
5226
|
+
<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span></code></pre>
|
|
5227
|
+
<details>
|
|
5228
|
+
<summary>File Information</summary>
|
|
5229
|
+
<ul>
|
|
5230
|
+
<li><strong>File:</strong> _elements.scss</li>
|
|
5231
|
+
<li><strong>Group:</strong> elements</li>
|
|
5232
|
+
<li><strong>Type:</strong> variable</li>
|
|
5233
|
+
<li><strong>Lines (comments):</strong> 16-21</li>
|
|
5234
|
+
<li><strong>Lines (code):</strong> 23-28</li>
|
|
5235
|
+
</ul>
|
|
5236
|
+
</details>
|
|
5237
|
+
<h4 id="map-properties" tabindex="-1">Map Properties</h4>
|
|
5238
|
+
<table>
|
|
5239
|
+
<thead>
|
|
5240
|
+
<tr>
|
|
5241
|
+
<th style="text-align:left">Name</th>
|
|
5242
|
+
<th style="text-align:left">Type</th>
|
|
5243
|
+
<th style="text-align:left">Default</th>
|
|
5244
|
+
<th style="text-align:left">Description</th>
|
|
5245
|
+
</tr>
|
|
5246
|
+
</thead>
|
|
5247
|
+
<tbody>
|
|
5248
|
+
<tr>
|
|
5249
|
+
<td style="text-align:left">details-animation</td>
|
|
5250
|
+
<td style="text-align:left">CssValue</td>
|
|
5251
|
+
<td style="text-align:left">(UluFadeInDown 350ms ease-in-out)</td>
|
|
5252
|
+
<td style="text-align:left">Animation for the details element when toggled.</td>
|
|
5253
|
+
</tr>
|
|
5254
|
+
<tr>
|
|
5255
|
+
<td style="text-align:left">link</td>
|
|
5256
|
+
<td style="text-align:left">Boolean</td>
|
|
5257
|
+
<td style="text-align:left">true</td>
|
|
5258
|
+
<td style="text-align:left">Enables link styling.</td>
|
|
5259
|
+
</tr>
|
|
5260
|
+
<tr>
|
|
5261
|
+
<td style="text-align:left">link-hover</td>
|
|
5262
|
+
<td style="text-align:left">Boolean</td>
|
|
5263
|
+
<td style="text-align:left">true</td>
|
|
5264
|
+
<td style="text-align:left">Enables link hover and focus styling.</td>
|
|
5265
|
+
</tr>
|
|
5266
|
+
<tr>
|
|
5267
|
+
<td style="text-align:left">link-visited</td>
|
|
5268
|
+
<td style="text-align:left">Boolean</td>
|
|
5269
|
+
<td style="text-align:left">true</td>
|
|
5270
|
+
<td style="text-align:left">Enables visited link styling.</td>
|
|
5271
|
+
</tr>
|
|
5272
|
+
</tbody>
|
|
5273
|
+
</table>
|
|
5213
5274
|
<h2 id="mixins" tabindex="-1">Mixins</h2>
|
|
5214
5275
|
<div class="sassdoc-item-header">
|
|
5215
5276
|
<h3 id="mixin-set" tabindex="-1">set()</h3>
|
|
@@ -5317,67 +5378,6 @@
|
|
|
5317
5378
|
<ul>
|
|
5318
5379
|
<li><a href="/frontend/sass/base/elements/#variable-config">$config</a></li>
|
|
5319
5380
|
</ul>
|
|
5320
|
-
<h2 id="variables" tabindex="-1">Variables</h2>
|
|
5321
|
-
<div class="sassdoc-item-header">
|
|
5322
|
-
<h3 id="variable-config" tabindex="-1">$config</h3>
|
|
5323
|
-
<div class="sassdoc-item-header__labels">
|
|
5324
|
-
<span class="tag tag--primary"><strong>Variable</strong></span> <span class="tag"><strong>Type</strong>: Map</span>
|
|
5325
|
-
</div>
|
|
5326
|
-
</div>
|
|
5327
|
-
<p>Module Settings</p>
|
|
5328
|
-
<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>
|
|
5329
|
-
<span class="pjs-token pjs-string">"details-animation"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-punctuation">(</span>UluFadeInDown 350ms ease-in-out<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">,</span>
|
|
5330
|
-
<span class="pjs-token pjs-string">"link"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-boolean">true</span><span class="pjs-token pjs-punctuation">,</span>
|
|
5331
|
-
<span class="pjs-token pjs-string">"link-hover"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-boolean">true</span><span class="pjs-token pjs-punctuation">,</span>
|
|
5332
|
-
<span class="pjs-token pjs-string">"link-visited"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-boolean">false</span><span class="pjs-token pjs-punctuation">,</span>
|
|
5333
|
-
<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span></code></pre>
|
|
5334
|
-
<details>
|
|
5335
|
-
<summary>File Information</summary>
|
|
5336
|
-
<ul>
|
|
5337
|
-
<li><strong>File:</strong> _elements.scss</li>
|
|
5338
|
-
<li><strong>Group:</strong> elements</li>
|
|
5339
|
-
<li><strong>Type:</strong> variable</li>
|
|
5340
|
-
<li><strong>Lines (comments):</strong> 16-21</li>
|
|
5341
|
-
<li><strong>Lines (code):</strong> 23-28</li>
|
|
5342
|
-
</ul>
|
|
5343
|
-
</details>
|
|
5344
|
-
<h4 id="map-properties" tabindex="-1">Map Properties</h4>
|
|
5345
|
-
<table>
|
|
5346
|
-
<thead>
|
|
5347
|
-
<tr>
|
|
5348
|
-
<th style="text-align:left">Name</th>
|
|
5349
|
-
<th style="text-align:left">Type</th>
|
|
5350
|
-
<th style="text-align:left">Default</th>
|
|
5351
|
-
<th style="text-align:left">Description</th>
|
|
5352
|
-
</tr>
|
|
5353
|
-
</thead>
|
|
5354
|
-
<tbody>
|
|
5355
|
-
<tr>
|
|
5356
|
-
<td style="text-align:left">details-animation</td>
|
|
5357
|
-
<td style="text-align:left">CssValue</td>
|
|
5358
|
-
<td style="text-align:left">(UluFadeInDown 350ms ease-in-out)</td>
|
|
5359
|
-
<td style="text-align:left">Animation for the details element when toggled.</td>
|
|
5360
|
-
</tr>
|
|
5361
|
-
<tr>
|
|
5362
|
-
<td style="text-align:left">link</td>
|
|
5363
|
-
<td style="text-align:left">Boolean</td>
|
|
5364
|
-
<td style="text-align:left">true</td>
|
|
5365
|
-
<td style="text-align:left">Enables link styling.</td>
|
|
5366
|
-
</tr>
|
|
5367
|
-
<tr>
|
|
5368
|
-
<td style="text-align:left">link-hover</td>
|
|
5369
|
-
<td style="text-align:left">Boolean</td>
|
|
5370
|
-
<td style="text-align:left">true</td>
|
|
5371
|
-
<td style="text-align:left">Enables link hover and focus styling.</td>
|
|
5372
|
-
</tr>
|
|
5373
|
-
<tr>
|
|
5374
|
-
<td style="text-align:left">link-visited</td>
|
|
5375
|
-
<td style="text-align:left">Boolean</td>
|
|
5376
|
-
<td style="text-align:left">true</td>
|
|
5377
|
-
<td style="text-align:left">Enables visited link styling.</td>
|
|
5378
|
-
</tr>
|
|
5379
|
-
</tbody>
|
|
5380
|
-
</table>
|
|
5381
5381
|
|
|
5382
5382
|
</div>
|
|
5383
5383
|
</div>
|
|
@@ -5166,29 +5166,29 @@
|
|
|
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-set-excludes">set-excludes()</a>
|
|
5173
|
+
<li><a href="#variable-all-includes">$all-includes</a>
|
|
5177
5174
|
</li>
|
|
5178
5175
|
|
|
5179
|
-
<li><a href="#
|
|
5176
|
+
<li><a href="#variable-current-includes">$current-includes</a>
|
|
5180
5177
|
</li>
|
|
5181
5178
|
</ol>
|
|
5182
5179
|
</li>
|
|
5183
5180
|
|
|
5184
|
-
<li><a href="#
|
|
5181
|
+
<li><a href="#mixins">Mixins</a>
|
|
5185
5182
|
|
|
5186
5183
|
<ol>
|
|
5187
5184
|
|
|
5188
|
-
<li><a href="#
|
|
5185
|
+
<li><a href="#mixin-set-includes">set-includes()</a>
|
|
5189
5186
|
</li>
|
|
5190
5187
|
|
|
5191
|
-
<li><a href="#
|
|
5188
|
+
<li><a href="#mixin-set-excludes">set-excludes()</a>
|
|
5189
|
+
</li>
|
|
5190
|
+
|
|
5191
|
+
<li><a href="#mixin-base-styles">base-styles()</a>
|
|
5192
5192
|
</li>
|
|
5193
5193
|
</ol>
|
|
5194
5194
|
</li>
|
|
@@ -5207,6 +5207,53 @@
|
|
|
5207
5207
|
<div class="type-large">
|
|
5208
5208
|
<p>Output all base styles</p>
|
|
5209
5209
|
</div>
|
|
5210
|
+
<h2 id="variables" tabindex="-1">Variables</h2>
|
|
5211
|
+
<div class="sassdoc-item-header">
|
|
5212
|
+
<h3 id="variable-all-includes" tabindex="-1">$all-includes</h3>
|
|
5213
|
+
<div class="sassdoc-item-header__labels">
|
|
5214
|
+
<span class="tag tag--primary"><strong>Variable</strong></span> <span class="tag"><strong>Type</strong>: List</span>
|
|
5215
|
+
</div>
|
|
5216
|
+
</div>
|
|
5217
|
+
<p>Default includes, all modules</p>
|
|
5218
|
+
<pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-property"><span class="pjs-token pjs-variable">$all-includes</span></span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-punctuation">(</span>
|
|
5219
|
+
<span class="pjs-token pjs-string">"normalize"</span><span class="pjs-token pjs-punctuation">,</span>
|
|
5220
|
+
<span class="pjs-token pjs-string">"root"</span>
|
|
5221
|
+
<span class="pjs-token pjs-string">"elements,"</span>
|
|
5222
|
+
<span class="pjs-token pjs-string">"print"</span><span class="pjs-token pjs-punctuation">,</span>
|
|
5223
|
+
<span class="pjs-token pjs-string">"elements"</span><span class="pjs-token pjs-punctuation">,</span>
|
|
5224
|
+
<span class="pjs-token pjs-string">"keyframes"</span><span class="pjs-token pjs-punctuation">,</span>
|
|
5225
|
+
<span class="pjs-token pjs-string">"typography"</span><span class="pjs-token pjs-punctuation">,</span>
|
|
5226
|
+
<span class="pjs-token pjs-string">"color"</span><span class="pjs-token pjs-punctuation">,</span>
|
|
5227
|
+
<span class="pjs-token pjs-string">"layout"</span>
|
|
5228
|
+
<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span></code></pre>
|
|
5229
|
+
<details>
|
|
5230
|
+
<summary>File Information</summary>
|
|
5231
|
+
<ul>
|
|
5232
|
+
<li><strong>File:</strong> _index.scss</li>
|
|
5233
|
+
<li><strong>Group:</strong> index</li>
|
|
5234
|
+
<li><strong>Type:</strong> variable</li>
|
|
5235
|
+
<li><strong>Lines (comments):</strong> 27-28</li>
|
|
5236
|
+
<li><strong>Lines (code):</strong> 30-40</li>
|
|
5237
|
+
</ul>
|
|
5238
|
+
</details>
|
|
5239
|
+
<div class="sassdoc-item-header">
|
|
5240
|
+
<h3 id="variable-current-includes" tabindex="-1">$current-includes</h3>
|
|
5241
|
+
<div class="sassdoc-item-header__labels">
|
|
5242
|
+
<span class="tag tag--primary"><strong>Variable</strong></span> <span class="tag"><strong>Type</strong>: List</span>
|
|
5243
|
+
</div>
|
|
5244
|
+
</div>
|
|
5245
|
+
<p>Current included modules (for output when using styles), defaults to all</p>
|
|
5246
|
+
<pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-property"><span class="pjs-token pjs-variable">$current-includes</span></span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-variable">$all-includes</span><span class="pjs-token pjs-punctuation">;</span></code></pre>
|
|
5247
|
+
<details>
|
|
5248
|
+
<summary>File Information</summary>
|
|
5249
|
+
<ul>
|
|
5250
|
+
<li><strong>File:</strong> _index.scss</li>
|
|
5251
|
+
<li><strong>Group:</strong> index</li>
|
|
5252
|
+
<li><strong>Type:</strong> variable</li>
|
|
5253
|
+
<li><strong>Lines (comments):</strong> 42-43</li>
|
|
5254
|
+
<li><strong>Lines (code):</strong> 45-45</li>
|
|
5255
|
+
</ul>
|
|
5256
|
+
</details>
|
|
5210
5257
|
<h2 id="mixins" tabindex="-1">Mixins</h2>
|
|
5211
5258
|
<div class="sassdoc-item-header">
|
|
5212
5259
|
<h3 id="mixin-set-includes" tabindex="-1">set-includes()</h3>
|
|
@@ -5330,53 +5377,6 @@
|
|
|
5330
5377
|
<ul>
|
|
5331
5378
|
<li><a href="/frontend/sass/base/index/#variable-all-includes">$all-includes</a></li>
|
|
5332
5379
|
</ul>
|
|
5333
|
-
<h2 id="variables" tabindex="-1">Variables</h2>
|
|
5334
|
-
<div class="sassdoc-item-header">
|
|
5335
|
-
<h3 id="variable-all-includes" tabindex="-1">$all-includes</h3>
|
|
5336
|
-
<div class="sassdoc-item-header__labels">
|
|
5337
|
-
<span class="tag tag--primary"><strong>Variable</strong></span> <span class="tag"><strong>Type</strong>: List</span>
|
|
5338
|
-
</div>
|
|
5339
|
-
</div>
|
|
5340
|
-
<p>Default includes, all modules</p>
|
|
5341
|
-
<pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-property"><span class="pjs-token pjs-variable">$all-includes</span></span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-punctuation">(</span>
|
|
5342
|
-
<span class="pjs-token pjs-string">"normalize"</span><span class="pjs-token pjs-punctuation">,</span>
|
|
5343
|
-
<span class="pjs-token pjs-string">"root"</span>
|
|
5344
|
-
<span class="pjs-token pjs-string">"elements,"</span>
|
|
5345
|
-
<span class="pjs-token pjs-string">"print"</span><span class="pjs-token pjs-punctuation">,</span>
|
|
5346
|
-
<span class="pjs-token pjs-string">"elements"</span><span class="pjs-token pjs-punctuation">,</span>
|
|
5347
|
-
<span class="pjs-token pjs-string">"keyframes"</span><span class="pjs-token pjs-punctuation">,</span>
|
|
5348
|
-
<span class="pjs-token pjs-string">"typography"</span><span class="pjs-token pjs-punctuation">,</span>
|
|
5349
|
-
<span class="pjs-token pjs-string">"color"</span><span class="pjs-token pjs-punctuation">,</span>
|
|
5350
|
-
<span class="pjs-token pjs-string">"layout"</span>
|
|
5351
|
-
<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span></code></pre>
|
|
5352
|
-
<details>
|
|
5353
|
-
<summary>File Information</summary>
|
|
5354
|
-
<ul>
|
|
5355
|
-
<li><strong>File:</strong> _index.scss</li>
|
|
5356
|
-
<li><strong>Group:</strong> index</li>
|
|
5357
|
-
<li><strong>Type:</strong> variable</li>
|
|
5358
|
-
<li><strong>Lines (comments):</strong> 27-28</li>
|
|
5359
|
-
<li><strong>Lines (code):</strong> 30-40</li>
|
|
5360
|
-
</ul>
|
|
5361
|
-
</details>
|
|
5362
|
-
<div class="sassdoc-item-header">
|
|
5363
|
-
<h3 id="variable-current-includes" tabindex="-1">$current-includes</h3>
|
|
5364
|
-
<div class="sassdoc-item-header__labels">
|
|
5365
|
-
<span class="tag tag--primary"><strong>Variable</strong></span> <span class="tag"><strong>Type</strong>: List</span>
|
|
5366
|
-
</div>
|
|
5367
|
-
</div>
|
|
5368
|
-
<p>Current included modules (for output when using styles), defaults to all</p>
|
|
5369
|
-
<pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-property"><span class="pjs-token pjs-variable">$current-includes</span></span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-variable">$all-includes</span><span class="pjs-token pjs-punctuation">;</span></code></pre>
|
|
5370
|
-
<details>
|
|
5371
|
-
<summary>File Information</summary>
|
|
5372
|
-
<ul>
|
|
5373
|
-
<li><strong>File:</strong> _index.scss</li>
|
|
5374
|
-
<li><strong>Group:</strong> index</li>
|
|
5375
|
-
<li><strong>Type:</strong> variable</li>
|
|
5376
|
-
<li><strong>Lines (comments):</strong> 42-43</li>
|
|
5377
|
-
<li><strong>Lines (code):</strong> 45-45</li>
|
|
5378
|
-
</ul>
|
|
5379
|
-
</details>
|
|
5380
5380
|
|
|
5381
5381
|
</div>
|
|
5382
5382
|
</div>
|
|
@@ -5166,32 +5166,32 @@
|
|
|
5166
5166
|
<div class="toc">
|
|
5167
5167
|
<ol>
|
|
5168
5168
|
|
|
5169
|
-
<li><a href="#
|
|
5169
|
+
<li><a href="#variables">Variables</a>
|
|
5170
5170
|
|
|
5171
5171
|
<ol>
|
|
5172
5172
|
|
|
5173
|
-
<li><a href="#
|
|
5174
|
-
</li>
|
|
5175
|
-
|
|
5176
|
-
<li><a href="#mixin-styles">styles()</a>
|
|
5173
|
+
<li><a href="#variable-config">$config</a>
|
|
5177
5174
|
</li>
|
|
5178
5175
|
</ol>
|
|
5179
5176
|
</li>
|
|
5180
5177
|
|
|
5181
|
-
<li><a href="#
|
|
5178
|
+
<li><a href="#mixins">Mixins</a>
|
|
5182
5179
|
|
|
5183
5180
|
<ol>
|
|
5184
5181
|
|
|
5185
|
-
<li><a href="#
|
|
5182
|
+
<li><a href="#mixin-set">set()</a>
|
|
5183
|
+
</li>
|
|
5184
|
+
|
|
5185
|
+
<li><a href="#mixin-styles">styles()</a>
|
|
5186
5186
|
</li>
|
|
5187
5187
|
</ol>
|
|
5188
5188
|
</li>
|
|
5189
5189
|
|
|
5190
|
-
<li><a href="#
|
|
5190
|
+
<li><a href="#functions">Functions</a>
|
|
5191
5191
|
|
|
5192
5192
|
<ol>
|
|
5193
5193
|
|
|
5194
|
-
<li><a href="#
|
|
5194
|
+
<li><a href="#function-get">get()</a>
|
|
5195
5195
|
</li>
|
|
5196
5196
|
</ol>
|
|
5197
5197
|
</li>
|
|
@@ -5210,6 +5210,60 @@
|
|
|
5210
5210
|
<div class="type-large">
|
|
5211
5211
|
<p>Output base layout styles (containers, flex layout utilities, etc)</p>
|
|
5212
5212
|
</div>
|
|
5213
|
+
<h2 id="variables" tabindex="-1">Variables</h2>
|
|
5214
|
+
<div class="sassdoc-item-header">
|
|
5215
|
+
<h3 id="variable-config" tabindex="-1">$config</h3>
|
|
5216
|
+
<div class="sassdoc-item-header__labels">
|
|
5217
|
+
<span class="tag tag--primary"><strong>Variable</strong></span> <span class="tag"><strong>Type</strong>: Map</span>
|
|
5218
|
+
</div>
|
|
5219
|
+
</div>
|
|
5220
|
+
<p>Module Settings</p>
|
|
5221
|
+
<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>
|
|
5222
|
+
<span class="pjs-token pjs-string">"containers"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-boolean">true</span><span class="pjs-token pjs-punctuation">,</span>
|
|
5223
|
+
<span class="pjs-token pjs-string">"container-nested-no-padding"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-boolean">false</span><span class="pjs-token pjs-punctuation">,</span>
|
|
5224
|
+
<span class="pjs-token pjs-string">"layout-flex"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-boolean">true</span><span class="pjs-token pjs-punctuation">,</span>
|
|
5225
|
+
<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span></code></pre>
|
|
5226
|
+
<details>
|
|
5227
|
+
<summary>File Information</summary>
|
|
5228
|
+
<ul>
|
|
5229
|
+
<li><strong>File:</strong> _layout.scss</li>
|
|
5230
|
+
<li><strong>Group:</strong> layout</li>
|
|
5231
|
+
<li><strong>Type:</strong> variable</li>
|
|
5232
|
+
<li><strong>Lines (comments):</strong> 11-15</li>
|
|
5233
|
+
<li><strong>Lines (code):</strong> 17-21</li>
|
|
5234
|
+
</ul>
|
|
5235
|
+
</details>
|
|
5236
|
+
<h4 id="map-properties" tabindex="-1">Map Properties</h4>
|
|
5237
|
+
<table>
|
|
5238
|
+
<thead>
|
|
5239
|
+
<tr>
|
|
5240
|
+
<th style="text-align:left">Name</th>
|
|
5241
|
+
<th style="text-align:left">Type</th>
|
|
5242
|
+
<th style="text-align:left">Default</th>
|
|
5243
|
+
<th style="text-align:left">Description</th>
|
|
5244
|
+
</tr>
|
|
5245
|
+
</thead>
|
|
5246
|
+
<tbody>
|
|
5247
|
+
<tr>
|
|
5248
|
+
<td style="text-align:left">containers</td>
|
|
5249
|
+
<td style="text-align:left">Boolean</td>
|
|
5250
|
+
<td style="text-align:left">true</td>
|
|
5251
|
+
<td style="text-align:left">Enables container styling.</td>
|
|
5252
|
+
</tr>
|
|
5253
|
+
<tr>
|
|
5254
|
+
<td style="text-align:left">container-nested-no-padding</td>
|
|
5255
|
+
<td style="text-align:left">Boolean</td>
|
|
5256
|
+
<td style="text-align:left">false</td>
|
|
5257
|
+
<td style="text-align:left">Toggles whether nested receive horizontal padding or not.</td>
|
|
5258
|
+
</tr>
|
|
5259
|
+
<tr>
|
|
5260
|
+
<td style="text-align:left">layout-flex</td>
|
|
5261
|
+
<td style="text-align:left">Boolean</td>
|
|
5262
|
+
<td style="text-align:left">true</td>
|
|
5263
|
+
<td style="text-align:left">Enables layout-flex styling.</td>
|
|
5264
|
+
</tr>
|
|
5265
|
+
</tbody>
|
|
5266
|
+
</table>
|
|
5213
5267
|
<h2 id="mixins" tabindex="-1">Mixins</h2>
|
|
5214
5268
|
<div class="sassdoc-item-header">
|
|
5215
5269
|
<h3 id="mixin-set" tabindex="-1">set()</h3>
|
|
@@ -5315,60 +5369,6 @@
|
|
|
5315
5369
|
<ul>
|
|
5316
5370
|
<li><a href="/frontend/sass/base/elements/#variable-config">$config</a></li>
|
|
5317
5371
|
</ul>
|
|
5318
|
-
<h2 id="variables" tabindex="-1">Variables</h2>
|
|
5319
|
-
<div class="sassdoc-item-header">
|
|
5320
|
-
<h3 id="variable-config" tabindex="-1">$config</h3>
|
|
5321
|
-
<div class="sassdoc-item-header__labels">
|
|
5322
|
-
<span class="tag tag--primary"><strong>Variable</strong></span> <span class="tag"><strong>Type</strong>: Map</span>
|
|
5323
|
-
</div>
|
|
5324
|
-
</div>
|
|
5325
|
-
<p>Module Settings</p>
|
|
5326
|
-
<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>
|
|
5327
|
-
<span class="pjs-token pjs-string">"containers"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-boolean">true</span><span class="pjs-token pjs-punctuation">,</span>
|
|
5328
|
-
<span class="pjs-token pjs-string">"container-nested-no-padding"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-boolean">false</span><span class="pjs-token pjs-punctuation">,</span>
|
|
5329
|
-
<span class="pjs-token pjs-string">"layout-flex"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-boolean">true</span><span class="pjs-token pjs-punctuation">,</span>
|
|
5330
|
-
<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span></code></pre>
|
|
5331
|
-
<details>
|
|
5332
|
-
<summary>File Information</summary>
|
|
5333
|
-
<ul>
|
|
5334
|
-
<li><strong>File:</strong> _layout.scss</li>
|
|
5335
|
-
<li><strong>Group:</strong> layout</li>
|
|
5336
|
-
<li><strong>Type:</strong> variable</li>
|
|
5337
|
-
<li><strong>Lines (comments):</strong> 11-15</li>
|
|
5338
|
-
<li><strong>Lines (code):</strong> 17-21</li>
|
|
5339
|
-
</ul>
|
|
5340
|
-
</details>
|
|
5341
|
-
<h4 id="map-properties" tabindex="-1">Map Properties</h4>
|
|
5342
|
-
<table>
|
|
5343
|
-
<thead>
|
|
5344
|
-
<tr>
|
|
5345
|
-
<th style="text-align:left">Name</th>
|
|
5346
|
-
<th style="text-align:left">Type</th>
|
|
5347
|
-
<th style="text-align:left">Default</th>
|
|
5348
|
-
<th style="text-align:left">Description</th>
|
|
5349
|
-
</tr>
|
|
5350
|
-
</thead>
|
|
5351
|
-
<tbody>
|
|
5352
|
-
<tr>
|
|
5353
|
-
<td style="text-align:left">containers</td>
|
|
5354
|
-
<td style="text-align:left">Boolean</td>
|
|
5355
|
-
<td style="text-align:left">true</td>
|
|
5356
|
-
<td style="text-align:left">Enables container styling.</td>
|
|
5357
|
-
</tr>
|
|
5358
|
-
<tr>
|
|
5359
|
-
<td style="text-align:left">container-nested-no-padding</td>
|
|
5360
|
-
<td style="text-align:left">Boolean</td>
|
|
5361
|
-
<td style="text-align:left">false</td>
|
|
5362
|
-
<td style="text-align:left">Toggles whether nested receive horizontal padding or not.</td>
|
|
5363
|
-
</tr>
|
|
5364
|
-
<tr>
|
|
5365
|
-
<td style="text-align:left">layout-flex</td>
|
|
5366
|
-
<td style="text-align:left">Boolean</td>
|
|
5367
|
-
<td style="text-align:left">true</td>
|
|
5368
|
-
<td style="text-align:left">Enables layout-flex styling.</td>
|
|
5369
|
-
</tr>
|
|
5370
|
-
</tbody>
|
|
5371
|
-
</table>
|
|
5372
5372
|
|
|
5373
5373
|
</div>
|
|
5374
5374
|
</div>
|