@ulu/frontend 0.1.0-beta.42 → 0.1.0-beta.43
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +5 -0
- package/dist/ulu-frontend.min.css +1 -1
- package/docs-dev/changelog/index.html +16 -0
- package/docs-dev/demos/card/index.html +16 -16
- package/docs-dev/demos/data-table/index.html +100 -100
- package/docs-dev/demos/popovers/index.html +5453 -0
- package/docs-dev/sass/base/elements/index.html +70 -70
- package/docs-dev/sass/base/index/index.html +56 -56
- package/docs-dev/sass/base/layout/index.html +63 -63
- package/docs-dev/sass/components/accordion/index.html +118 -118
- package/docs-dev/sass/components/adaptive-spacing/index.html +124 -124
- package/docs-dev/sass/components/badge/index.html +96 -96
- package/docs-dev/sass/components/basic-hero/index.html +62 -62
- package/docs-dev/sass/components/button/index.html +49 -49
- package/docs-dev/sass/components/button-verbose/index.html +128 -128
- package/docs-dev/sass/components/callout/index.html +163 -163
- package/docs-dev/sass/components/captioned-figure/index.html +114 -114
- package/docs-dev/sass/components/card/index.html +170 -170
- package/docs-dev/sass/components/card-grid/index.html +70 -70
- package/docs-dev/sass/components/counter-list/index.html +119 -119
- package/docs-dev/sass/components/css-icon/index.html +140 -140
- package/docs-dev/sass/components/data-grid/index.html +166 -166
- package/docs-dev/sass/components/data-table/index.html +114 -114
- package/docs-dev/sass/components/flipcard/index.html +162 -162
- package/docs-dev/sass/components/flipcard-grid/index.html +57 -57
- package/docs-dev/sass/components/form-theme/index.html +265 -265
- package/docs-dev/sass/components/hero/index.html +107 -107
- package/docs-dev/sass/components/horizontal-rule/index.html +56 -56
- package/docs-dev/sass/components/image-grid/index.html +63 -63
- package/docs-dev/sass/components/index/index.html +95 -95
- package/docs-dev/sass/components/list-inline/index.html +77 -77
- package/docs-dev/sass/components/list-lines/index.html +98 -98
- package/docs-dev/sass/components/menu-stack/index.html +119 -119
- package/docs-dev/sass/components/modal/index.html +114 -114
- package/docs-dev/sass/components/nav-strip/index.html +114 -114
- package/docs-dev/sass/components/overlay-section/index.html +101 -101
- package/docs-dev/sass/components/pager/index.html +114 -114
- package/docs-dev/sass/components/placeholder-block/index.html +114 -114
- package/docs-dev/sass/components/popover/index.html +114 -114
- package/docs-dev/sass/components/pull-quote/index.html +114 -114
- package/docs-dev/sass/components/ratio-box/index.html +60 -60
- package/docs-dev/sass/components/rule/index.html +63 -63
- package/docs-dev/sass/components/scroll-slider/index.html +114 -114
- package/docs-dev/sass/components/skip-link/index.html +34 -34
- package/docs-dev/sass/components/slider/index.html +114 -114
- package/docs-dev/sass/components/spoke-spinner/index.html +56 -56
- package/docs-dev/sass/components/sticky-list/index.html +145 -145
- package/docs-dev/sass/components/tabs/index.html +114 -114
- package/docs-dev/sass/components/tag/index.html +161 -161
- package/docs-dev/sass/components/tile-button/index.html +101 -101
- package/docs-dev/sass/components/tile-grid/index.html +142 -142
- package/docs-dev/sass/components/tile-grid-overlay/index.html +37 -37
- package/docs-dev/sass/components/vignette/index.html +56 -56
- package/docs-dev/sass/components/wysiwyg/index.html +65 -65
- package/docs-dev/sass/core/breakpoint/index.html +100 -100
- package/docs-dev/sass/core/button/index.html +535 -535
- package/docs-dev/sass/core/color/index.html +157 -157
- package/docs-dev/sass/core/cssvar/index.html +49 -49
- package/docs-dev/sass/core/element/index.html +504 -504
- package/docs-dev/sass/core/layout/index.html +107 -107
- package/docs-dev/sass/core/path/index.html +32 -32
- package/docs-dev/sass/core/selector/index.html +49 -49
- package/docs-dev/sass/core/typography/index.html +265 -265
- package/docs-dev/sass/core/units/index.html +81 -81
- package/docs-dev/sass/core/utils/index.html +70 -70
- package/docs-dev/sass/helpers/index/index.html +53 -53
- package/docs-dev/sass/helpers/units/index.html +47 -47
- package/package.json +1 -1
- package/scss/components/_card.scss +9 -6
|
@@ -5166,6 +5166,18 @@
|
|
|
5166
5166
|
<div class="toc">
|
|
5167
5167
|
<ol>
|
|
5168
5168
|
|
|
5169
|
+
<li><a href="#variables">Variables</a>
|
|
5170
|
+
|
|
5171
|
+
<ol>
|
|
5172
|
+
|
|
5173
|
+
<li><a href="#variable-config">$config</a>
|
|
5174
|
+
</li>
|
|
5175
|
+
|
|
5176
|
+
<li><a href="#variable-containers">$containers</a>
|
|
5177
|
+
</li>
|
|
5178
|
+
</ol>
|
|
5179
|
+
</li>
|
|
5180
|
+
|
|
5169
5181
|
<li><a href="#mixins">Mixins</a>
|
|
5170
5182
|
|
|
5171
5183
|
<ol>
|
|
@@ -5217,18 +5229,6 @@
|
|
|
5217
5229
|
|
|
5218
5230
|
<li><a href="#function-get-container-padding-y">get-container-padding-y()</a>
|
|
5219
5231
|
</li>
|
|
5220
|
-
</ol>
|
|
5221
|
-
</li>
|
|
5222
|
-
|
|
5223
|
-
<li><a href="#variables">Variables</a>
|
|
5224
|
-
|
|
5225
|
-
<ol>
|
|
5226
|
-
|
|
5227
|
-
<li><a href="#variable-config">$config</a>
|
|
5228
|
-
</li>
|
|
5229
|
-
|
|
5230
|
-
<li><a href="#variable-containers">$containers</a>
|
|
5231
|
-
</li>
|
|
5232
5232
|
</ol>
|
|
5233
5233
|
</li>
|
|
5234
5234
|
</ol>
|
|
@@ -5245,6 +5245,101 @@
|
|
|
5245
5245
|
<h1 id="layout" tabindex="-1">Layout</h1>
|
|
5246
5246
|
<div class="type-large">
|
|
5247
5247
|
</div>
|
|
5248
|
+
<h2 id="variables" tabindex="-1">Variables</h2>
|
|
5249
|
+
<div class="sassdoc-item-header">
|
|
5250
|
+
<h3 id="variable-config" tabindex="-1">$config</h3>
|
|
5251
|
+
<div class="sassdoc-item-header__labels">
|
|
5252
|
+
<span class="tag tag--primary"><strong>Variable</strong></span> <span class="tag"><strong>Type</strong>: Map</span>
|
|
5253
|
+
</div>
|
|
5254
|
+
</div>
|
|
5255
|
+
<p>Module Settings</p>
|
|
5256
|
+
<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>
|
|
5257
|
+
<span class="pjs-token pjs-string">"margin"</span><span class="pjs-token pjs-punctuation">:</span> 2rem<span class="pjs-token pjs-punctuation">,</span>
|
|
5258
|
+
<span class="pjs-token pjs-string">"max-width"</span><span class="pjs-token pjs-punctuation">:</span> 90rem<span class="pjs-token pjs-punctuation">,</span>
|
|
5259
|
+
<span class="pjs-token pjs-string">"z-index-above"</span><span class="pjs-token pjs-punctuation">:</span> 450<span class="pjs-token pjs-punctuation">,</span>
|
|
5260
|
+
<span class="pjs-token pjs-string">"z-index-fixed"</span><span class="pjs-token pjs-punctuation">:</span> 1000<span class="pjs-token pjs-punctuation">,</span>
|
|
5261
|
+
<span class="pjs-token pjs-string">"z-index-sticky"</span><span class="pjs-token pjs-punctuation">:</span> 100<span class="pjs-token pjs-punctuation">,</span>
|
|
5262
|
+
<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span></code></pre>
|
|
5263
|
+
<details>
|
|
5264
|
+
<summary>File Information</summary>
|
|
5265
|
+
<ul>
|
|
5266
|
+
<li><strong>File:</strong> _layout.scss</li>
|
|
5267
|
+
<li><strong>Group:</strong> layout</li>
|
|
5268
|
+
<li><strong>Type:</strong> variable</li>
|
|
5269
|
+
<li><strong>Lines (comments):</strong> 12-18</li>
|
|
5270
|
+
<li><strong>Lines (code):</strong> 20-26</li>
|
|
5271
|
+
</ul>
|
|
5272
|
+
</details>
|
|
5273
|
+
<h4 id="map-properties" tabindex="-1">Map Properties</h4>
|
|
5274
|
+
<table>
|
|
5275
|
+
<thead>
|
|
5276
|
+
<tr>
|
|
5277
|
+
<th style="text-align:left">Name</th>
|
|
5278
|
+
<th style="text-align:left">Type</th>
|
|
5279
|
+
<th style="text-align:left">Default</th>
|
|
5280
|
+
<th style="text-align:left">Description</th>
|
|
5281
|
+
</tr>
|
|
5282
|
+
</thead>
|
|
5283
|
+
<tbody>
|
|
5284
|
+
<tr>
|
|
5285
|
+
<td style="text-align:left">margin</td>
|
|
5286
|
+
<td style="text-align:left">Number</td>
|
|
5287
|
+
<td style="text-align:left">2rem</td>
|
|
5288
|
+
<td style="text-align:left">Common margin for site</td>
|
|
5289
|
+
</tr>
|
|
5290
|
+
<tr>
|
|
5291
|
+
<td style="text-align:left">max-width</td>
|
|
5292
|
+
<td style="text-align:left">Number</td>
|
|
5293
|
+
<td style="text-align:left">90rem</td>
|
|
5294
|
+
<td style="text-align:left">Common max-width for site</td>
|
|
5295
|
+
</tr>
|
|
5296
|
+
<tr>
|
|
5297
|
+
<td style="text-align:left">z-index-above</td>
|
|
5298
|
+
<td style="text-align:left">Number</td>
|
|
5299
|
+
<td style="text-align:left">1000</td>
|
|
5300
|
+
<td style="text-align:left">Common z-index, below sticky</td>
|
|
5301
|
+
</tr>
|
|
5302
|
+
<tr>
|
|
5303
|
+
<td style="text-align:left">z-index-fixed</td>
|
|
5304
|
+
<td style="text-align:left">Number</td>
|
|
5305
|
+
<td style="text-align:left">100</td>
|
|
5306
|
+
<td style="text-align:left">Common z-index, above everything</td>
|
|
5307
|
+
</tr>
|
|
5308
|
+
<tr>
|
|
5309
|
+
<td style="text-align:left">z-index-sticky</td>
|
|
5310
|
+
<td style="text-align:left">Number</td>
|
|
5311
|
+
<td style="text-align:left">450</td>
|
|
5312
|
+
<td style="text-align:left">Common z-index for sticky or stuck items</td>
|
|
5313
|
+
</tr>
|
|
5314
|
+
</tbody>
|
|
5315
|
+
</table>
|
|
5316
|
+
<div class="sassdoc-item-header">
|
|
5317
|
+
<h3 id="variable-containers" tabindex="-1">$containers</h3>
|
|
5318
|
+
<div class="sassdoc-item-header__labels">
|
|
5319
|
+
<span class="tag tag--primary"><strong>Variable</strong></span> <span class="tag"><strong>Type</strong>: Map</span>
|
|
5320
|
+
</div>
|
|
5321
|
+
</div>
|
|
5322
|
+
<p>Containers Lookup (use set-containers)</p>
|
|
5323
|
+
<pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-property"><span class="pjs-token pjs-variable">$containers</span></span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-punctuation">(</span>
|
|
5324
|
+
<span class="pjs-token pjs-string">"container"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-punctuation">(</span>
|
|
5325
|
+
<span class="pjs-token pjs-string">"width"</span> <span class="pjs-token pjs-punctuation">:</span> 100%<span class="pjs-token pjs-punctuation">,</span>
|
|
5326
|
+
<span class="pjs-token pjs-string">"max-width"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-function">get</span><span class="pjs-token pjs-punctuation">(</span><span class="pjs-token pjs-string">"max-width"</span><span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">,</span>
|
|
5327
|
+
<span class="pjs-token pjs-string">"padding"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-punctuation">(</span><span class="pjs-token pjs-function">get</span><span class="pjs-token pjs-punctuation">(</span><span class="pjs-token pjs-string">"margin"</span><span class="pjs-token pjs-punctuation">)</span> <span class="pjs-token pjs-function">get</span><span class="pjs-token pjs-punctuation">(</span><span class="pjs-token pjs-string">"margin"</span><span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">,</span>
|
|
5328
|
+
<span class="pjs-token pjs-string">"breakpoints"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-null pjs-keyword">null</span><span class="pjs-token pjs-punctuation">,</span>
|
|
5329
|
+
<span class="pjs-token pjs-string">"responsive"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-boolean">false</span><span class="pjs-token pjs-punctuation">,</span>
|
|
5330
|
+
<span class="pjs-token pjs-string">"responsive-amount"</span> <span class="pjs-token pjs-punctuation">:</span> 3vw
|
|
5331
|
+
<span class="pjs-token pjs-punctuation">)</span>
|
|
5332
|
+
<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span></code></pre>
|
|
5333
|
+
<details>
|
|
5334
|
+
<summary>File Information</summary>
|
|
5335
|
+
<ul>
|
|
5336
|
+
<li><strong>File:</strong> _layout.scss</li>
|
|
5337
|
+
<li><strong>Group:</strong> layout</li>
|
|
5338
|
+
<li><strong>Type:</strong> variable</li>
|
|
5339
|
+
<li><strong>Lines (comments):</strong> 43-45</li>
|
|
5340
|
+
<li><strong>Lines (code):</strong> 47-56</li>
|
|
5341
|
+
</ul>
|
|
5342
|
+
</details>
|
|
5248
5343
|
<h2 id="mixins" tabindex="-1">Mixins</h2>
|
|
5249
5344
|
<div class="sassdoc-item-header">
|
|
5250
5345
|
<h3 id="mixin-set" tabindex="-1">set()</h3>
|
|
@@ -5856,101 +5951,6 @@ so they are identical for compression</li>
|
|
|
5856
5951
|
<ul>
|
|
5857
5952
|
<li><a href="/frontend/sass/core/layout/#function-get-container-padding">get-container-padding()</a></li>
|
|
5858
5953
|
</ul>
|
|
5859
|
-
<h2 id="variables" tabindex="-1">Variables</h2>
|
|
5860
|
-
<div class="sassdoc-item-header">
|
|
5861
|
-
<h3 id="variable-config" tabindex="-1">$config</h3>
|
|
5862
|
-
<div class="sassdoc-item-header__labels">
|
|
5863
|
-
<span class="tag tag--primary"><strong>Variable</strong></span> <span class="tag"><strong>Type</strong>: Map</span>
|
|
5864
|
-
</div>
|
|
5865
|
-
</div>
|
|
5866
|
-
<p>Module Settings</p>
|
|
5867
|
-
<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>
|
|
5868
|
-
<span class="pjs-token pjs-string">"margin"</span><span class="pjs-token pjs-punctuation">:</span> 2rem<span class="pjs-token pjs-punctuation">,</span>
|
|
5869
|
-
<span class="pjs-token pjs-string">"max-width"</span><span class="pjs-token pjs-punctuation">:</span> 90rem<span class="pjs-token pjs-punctuation">,</span>
|
|
5870
|
-
<span class="pjs-token pjs-string">"z-index-above"</span><span class="pjs-token pjs-punctuation">:</span> 450<span class="pjs-token pjs-punctuation">,</span>
|
|
5871
|
-
<span class="pjs-token pjs-string">"z-index-fixed"</span><span class="pjs-token pjs-punctuation">:</span> 1000<span class="pjs-token pjs-punctuation">,</span>
|
|
5872
|
-
<span class="pjs-token pjs-string">"z-index-sticky"</span><span class="pjs-token pjs-punctuation">:</span> 100<span class="pjs-token pjs-punctuation">,</span>
|
|
5873
|
-
<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span></code></pre>
|
|
5874
|
-
<details>
|
|
5875
|
-
<summary>File Information</summary>
|
|
5876
|
-
<ul>
|
|
5877
|
-
<li><strong>File:</strong> _layout.scss</li>
|
|
5878
|
-
<li><strong>Group:</strong> layout</li>
|
|
5879
|
-
<li><strong>Type:</strong> variable</li>
|
|
5880
|
-
<li><strong>Lines (comments):</strong> 12-18</li>
|
|
5881
|
-
<li><strong>Lines (code):</strong> 20-26</li>
|
|
5882
|
-
</ul>
|
|
5883
|
-
</details>
|
|
5884
|
-
<h4 id="map-properties" tabindex="-1">Map Properties</h4>
|
|
5885
|
-
<table>
|
|
5886
|
-
<thead>
|
|
5887
|
-
<tr>
|
|
5888
|
-
<th style="text-align:left">Name</th>
|
|
5889
|
-
<th style="text-align:left">Type</th>
|
|
5890
|
-
<th style="text-align:left">Default</th>
|
|
5891
|
-
<th style="text-align:left">Description</th>
|
|
5892
|
-
</tr>
|
|
5893
|
-
</thead>
|
|
5894
|
-
<tbody>
|
|
5895
|
-
<tr>
|
|
5896
|
-
<td style="text-align:left">margin</td>
|
|
5897
|
-
<td style="text-align:left">Number</td>
|
|
5898
|
-
<td style="text-align:left">2rem</td>
|
|
5899
|
-
<td style="text-align:left">Common margin for site</td>
|
|
5900
|
-
</tr>
|
|
5901
|
-
<tr>
|
|
5902
|
-
<td style="text-align:left">max-width</td>
|
|
5903
|
-
<td style="text-align:left">Number</td>
|
|
5904
|
-
<td style="text-align:left">90rem</td>
|
|
5905
|
-
<td style="text-align:left">Common max-width for site</td>
|
|
5906
|
-
</tr>
|
|
5907
|
-
<tr>
|
|
5908
|
-
<td style="text-align:left">z-index-above</td>
|
|
5909
|
-
<td style="text-align:left">Number</td>
|
|
5910
|
-
<td style="text-align:left">1000</td>
|
|
5911
|
-
<td style="text-align:left">Common z-index, below sticky</td>
|
|
5912
|
-
</tr>
|
|
5913
|
-
<tr>
|
|
5914
|
-
<td style="text-align:left">z-index-fixed</td>
|
|
5915
|
-
<td style="text-align:left">Number</td>
|
|
5916
|
-
<td style="text-align:left">100</td>
|
|
5917
|
-
<td style="text-align:left">Common z-index, above everything</td>
|
|
5918
|
-
</tr>
|
|
5919
|
-
<tr>
|
|
5920
|
-
<td style="text-align:left">z-index-sticky</td>
|
|
5921
|
-
<td style="text-align:left">Number</td>
|
|
5922
|
-
<td style="text-align:left">450</td>
|
|
5923
|
-
<td style="text-align:left">Common z-index for sticky or stuck items</td>
|
|
5924
|
-
</tr>
|
|
5925
|
-
</tbody>
|
|
5926
|
-
</table>
|
|
5927
|
-
<div class="sassdoc-item-header">
|
|
5928
|
-
<h3 id="variable-containers" tabindex="-1">$containers</h3>
|
|
5929
|
-
<div class="sassdoc-item-header__labels">
|
|
5930
|
-
<span class="tag tag--primary"><strong>Variable</strong></span> <span class="tag"><strong>Type</strong>: Map</span>
|
|
5931
|
-
</div>
|
|
5932
|
-
</div>
|
|
5933
|
-
<p>Containers Lookup (use set-containers)</p>
|
|
5934
|
-
<pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-property"><span class="pjs-token pjs-variable">$containers</span></span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-punctuation">(</span>
|
|
5935
|
-
<span class="pjs-token pjs-string">"container"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-punctuation">(</span>
|
|
5936
|
-
<span class="pjs-token pjs-string">"width"</span> <span class="pjs-token pjs-punctuation">:</span> 100%<span class="pjs-token pjs-punctuation">,</span>
|
|
5937
|
-
<span class="pjs-token pjs-string">"max-width"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-function">get</span><span class="pjs-token pjs-punctuation">(</span><span class="pjs-token pjs-string">"max-width"</span><span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">,</span>
|
|
5938
|
-
<span class="pjs-token pjs-string">"padding"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-punctuation">(</span><span class="pjs-token pjs-function">get</span><span class="pjs-token pjs-punctuation">(</span><span class="pjs-token pjs-string">"margin"</span><span class="pjs-token pjs-punctuation">)</span> <span class="pjs-token pjs-function">get</span><span class="pjs-token pjs-punctuation">(</span><span class="pjs-token pjs-string">"margin"</span><span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">,</span>
|
|
5939
|
-
<span class="pjs-token pjs-string">"breakpoints"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-null pjs-keyword">null</span><span class="pjs-token pjs-punctuation">,</span>
|
|
5940
|
-
<span class="pjs-token pjs-string">"responsive"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-boolean">false</span><span class="pjs-token pjs-punctuation">,</span>
|
|
5941
|
-
<span class="pjs-token pjs-string">"responsive-amount"</span> <span class="pjs-token pjs-punctuation">:</span> 3vw
|
|
5942
|
-
<span class="pjs-token pjs-punctuation">)</span>
|
|
5943
|
-
<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span></code></pre>
|
|
5944
|
-
<details>
|
|
5945
|
-
<summary>File Information</summary>
|
|
5946
|
-
<ul>
|
|
5947
|
-
<li><strong>File:</strong> _layout.scss</li>
|
|
5948
|
-
<li><strong>Group:</strong> layout</li>
|
|
5949
|
-
<li><strong>Type:</strong> variable</li>
|
|
5950
|
-
<li><strong>Lines (comments):</strong> 43-45</li>
|
|
5951
|
-
<li><strong>Lines (code):</strong> 47-56</li>
|
|
5952
|
-
</ul>
|
|
5953
|
-
</details>
|
|
5954
5954
|
|
|
5955
5955
|
</div>
|
|
5956
5956
|
</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="#
|
|
5173
|
+
<li><a href="#variable-aliases">$aliases</a>
|
|
5174
5174
|
</li>
|
|
5175
5175
|
</ol>
|
|
5176
5176
|
</li>
|
|
5177
5177
|
|
|
5178
|
-
<li><a href="#
|
|
5178
|
+
<li><a href="#mixins">Mixins</a>
|
|
5179
5179
|
|
|
5180
5180
|
<ol>
|
|
5181
5181
|
|
|
5182
|
-
<li><a href="#
|
|
5183
|
-
</li>
|
|
5184
|
-
|
|
5185
|
-
<li><a href="#function-resolve">resolve()</a>
|
|
5182
|
+
<li><a href="#mixin-set-aliases">set-aliases()</a>
|
|
5186
5183
|
</li>
|
|
5187
5184
|
</ol>
|
|
5188
5185
|
</li>
|
|
5189
5186
|
|
|
5190
|
-
<li><a href="#
|
|
5187
|
+
<li><a href="#functions">Functions</a>
|
|
5191
5188
|
|
|
5192
5189
|
<ol>
|
|
5193
5190
|
|
|
5194
|
-
<li><a href="#
|
|
5191
|
+
<li><a href="#function-get-alias">get-alias()</a>
|
|
5192
|
+
</li>
|
|
5193
|
+
|
|
5194
|
+
<li><a href="#function-resolve">resolve()</a>
|
|
5195
5195
|
</li>
|
|
5196
5196
|
</ol>
|
|
5197
5197
|
</li>
|
|
@@ -5209,6 +5209,29 @@
|
|
|
5209
5209
|
<h1 id="path" tabindex="-1">Path</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-aliases" tabindex="-1">$aliases</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
|
|
5217
|
+
- Important: alias could be used for directory or file so omit trailing slash for directories
|
|
5218
|
+
- All aliases must start with "#"</span>
|
|
5219
|
+
</div>
|
|
5220
|
+
</div>
|
|
5221
|
+
<p>Aliases</p>
|
|
5222
|
+
<pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-property"><span class="pjs-token pjs-variable">$aliases</span></span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-punctuation">(</span>
|
|
5223
|
+
<span class="pjs-token pjs-string">"#Images"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-string">"/images"</span><span class="pjs-token pjs-punctuation">,</span>
|
|
5224
|
+
<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span></code></pre>
|
|
5225
|
+
<details>
|
|
5226
|
+
<summary>File Information</summary>
|
|
5227
|
+
<ul>
|
|
5228
|
+
<li><strong>File:</strong> _path.scss</li>
|
|
5229
|
+
<li><strong>Group:</strong> path</li>
|
|
5230
|
+
<li><strong>Type:</strong> variable</li>
|
|
5231
|
+
<li><strong>Lines (comments):</strong> 9-12</li>
|
|
5232
|
+
<li><strong>Lines (code):</strong> 14-16</li>
|
|
5233
|
+
</ul>
|
|
5234
|
+
</details>
|
|
5212
5235
|
<h2 id="mixins" tabindex="-1">Mixins</h2>
|
|
5213
5236
|
<div class="sassdoc-item-header">
|
|
5214
5237
|
<h3 id="mixin-set-aliases" tabindex="-1">set-aliases()</h3>
|
|
@@ -5318,29 +5341,6 @@
|
|
|
5318
5341
|
<ul>
|
|
5319
5342
|
<li><a href="/frontend/sass/core/path/#function-get-alias">get-alias()</a></li>
|
|
5320
5343
|
</ul>
|
|
5321
|
-
<h2 id="variables" tabindex="-1">Variables</h2>
|
|
5322
|
-
<div class="sassdoc-item-header">
|
|
5323
|
-
<h3 id="variable-aliases" tabindex="-1">$aliases</h3>
|
|
5324
|
-
<div class="sassdoc-item-header__labels">
|
|
5325
|
-
<span class="tag tag--primary"><strong>Variable</strong></span> <span class="tag"><strong>Type</strong>: Map
|
|
5326
|
-
- Important: alias could be used for directory or file so omit trailing slash for directories
|
|
5327
|
-
- All aliases must start with "#"</span>
|
|
5328
|
-
</div>
|
|
5329
|
-
</div>
|
|
5330
|
-
<p>Aliases</p>
|
|
5331
|
-
<pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-property"><span class="pjs-token pjs-variable">$aliases</span></span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-punctuation">(</span>
|
|
5332
|
-
<span class="pjs-token pjs-string">"#Images"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-string">"/images"</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> _path.scss</li>
|
|
5338
|
-
<li><strong>Group:</strong> path</li>
|
|
5339
|
-
<li><strong>Type:</strong> variable</li>
|
|
5340
|
-
<li><strong>Lines (comments):</strong> 9-12</li>
|
|
5341
|
-
<li><strong>Lines (code):</strong> 14-16</li>
|
|
5342
|
-
</ul>
|
|
5343
|
-
</details>
|
|
5344
5344
|
|
|
5345
5345
|
</div>
|
|
5346
5346
|
</div>
|
|
@@ -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>
|
|
@@ -5187,15 +5196,6 @@
|
|
|
5187
5196
|
|
|
5188
5197
|
<li><a href="#function-class">class()</a>
|
|
5189
5198
|
</li>
|
|
5190
|
-
</ol>
|
|
5191
|
-
</li>
|
|
5192
|
-
|
|
5193
|
-
<li><a href="#variables">Variables</a>
|
|
5194
|
-
|
|
5195
|
-
<ol>
|
|
5196
|
-
|
|
5197
|
-
<li><a href="#variable-config">$config</a>
|
|
5198
|
-
</li>
|
|
5199
5199
|
</ol>
|
|
5200
5200
|
</li>
|
|
5201
5201
|
</ol>
|
|
@@ -5213,6 +5213,46 @@
|
|
|
5213
5213
|
<div class="type-large">
|
|
5214
5214
|
<p>This module is used to alter selectors for components</p>
|
|
5215
5215
|
</div>
|
|
5216
|
+
<h2 id="variables" tabindex="-1">Variables</h2>
|
|
5217
|
+
<div class="sassdoc-item-header">
|
|
5218
|
+
<h3 id="variable-config" tabindex="-1">$config</h3>
|
|
5219
|
+
<div class="sassdoc-item-header__labels">
|
|
5220
|
+
<span class="tag tag--primary"><strong>Variable</strong></span> <span class="tag"><strong>Type</strong>: Map</span>
|
|
5221
|
+
</div>
|
|
5222
|
+
</div>
|
|
5223
|
+
<p>Module Settings</p>
|
|
5224
|
+
<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>
|
|
5225
|
+
<span class="pjs-token pjs-string">"prefix"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-string">""</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> _selector.scss</li>
|
|
5231
|
+
<li><strong>Group:</strong> selector</li>
|
|
5232
|
+
<li><strong>Type:</strong> variable</li>
|
|
5233
|
+
<li><strong>Lines (comments):</strong> 10-12</li>
|
|
5234
|
+
<li><strong>Lines (code):</strong> 14-16</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">prefix</td>
|
|
5250
|
+
<td style="text-align:left">String</td>
|
|
5251
|
+
<td style="text-align:left">""</td>
|
|
5252
|
+
<td style="text-align:left">Global prefix for selectors (would be used for classname prefix for example)</td>
|
|
5253
|
+
</tr>
|
|
5254
|
+
</tbody>
|
|
5255
|
+
</table>
|
|
5216
5256
|
<h2 id="mixins" tabindex="-1">Mixins</h2>
|
|
5217
5257
|
<div class="sassdoc-item-header">
|
|
5218
5258
|
<h3 id="mixin-set" tabindex="-1">set()</h3>
|
|
@@ -5380,46 +5420,6 @@ Change a class used in the system (ie. like a component for example)</p>
|
|
|
5380
5420
|
<ul>
|
|
5381
5421
|
<li><a href="/frontend/sass/core/breakpoint/#function-get">get()</a></li>
|
|
5382
5422
|
</ul>
|
|
5383
|
-
<h2 id="variables" tabindex="-1">Variables</h2>
|
|
5384
|
-
<div class="sassdoc-item-header">
|
|
5385
|
-
<h3 id="variable-config" tabindex="-1">$config</h3>
|
|
5386
|
-
<div class="sassdoc-item-header__labels">
|
|
5387
|
-
<span class="tag tag--primary"><strong>Variable</strong></span> <span class="tag"><strong>Type</strong>: Map</span>
|
|
5388
|
-
</div>
|
|
5389
|
-
</div>
|
|
5390
|
-
<p>Module Settings</p>
|
|
5391
|
-
<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>
|
|
5392
|
-
<span class="pjs-token pjs-string">"prefix"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-string">""</span>
|
|
5393
|
-
<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span></code></pre>
|
|
5394
|
-
<details>
|
|
5395
|
-
<summary>File Information</summary>
|
|
5396
|
-
<ul>
|
|
5397
|
-
<li><strong>File:</strong> _selector.scss</li>
|
|
5398
|
-
<li><strong>Group:</strong> selector</li>
|
|
5399
|
-
<li><strong>Type:</strong> variable</li>
|
|
5400
|
-
<li><strong>Lines (comments):</strong> 10-12</li>
|
|
5401
|
-
<li><strong>Lines (code):</strong> 14-16</li>
|
|
5402
|
-
</ul>
|
|
5403
|
-
</details>
|
|
5404
|
-
<h4 id="map-properties" tabindex="-1">Map Properties</h4>
|
|
5405
|
-
<table>
|
|
5406
|
-
<thead>
|
|
5407
|
-
<tr>
|
|
5408
|
-
<th style="text-align:left">Name</th>
|
|
5409
|
-
<th style="text-align:left">Type</th>
|
|
5410
|
-
<th style="text-align:left">Default</th>
|
|
5411
|
-
<th style="text-align:left">Description</th>
|
|
5412
|
-
</tr>
|
|
5413
|
-
</thead>
|
|
5414
|
-
<tbody>
|
|
5415
|
-
<tr>
|
|
5416
|
-
<td style="text-align:left">prefix</td>
|
|
5417
|
-
<td style="text-align:left">String</td>
|
|
5418
|
-
<td style="text-align:left">""</td>
|
|
5419
|
-
<td style="text-align:left">Global prefix for selectors (would be used for classname prefix for example)</td>
|
|
5420
|
-
</tr>
|
|
5421
|
-
</tbody>
|
|
5422
|
-
</table>
|
|
5423
5423
|
|
|
5424
5424
|
</div>
|
|
5425
5425
|
</div>
|