@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.
Files changed (69) hide show
  1. package/CHANGELOG.md +5 -0
  2. package/dist/ulu-frontend.min.css +1 -1
  3. package/docs-dev/changelog/index.html +16 -0
  4. package/docs-dev/demos/card/index.html +16 -16
  5. package/docs-dev/demos/data-table/index.html +100 -100
  6. package/docs-dev/demos/popovers/index.html +5453 -0
  7. package/docs-dev/sass/base/elements/index.html +70 -70
  8. package/docs-dev/sass/base/index/index.html +56 -56
  9. package/docs-dev/sass/base/layout/index.html +63 -63
  10. package/docs-dev/sass/components/accordion/index.html +118 -118
  11. package/docs-dev/sass/components/adaptive-spacing/index.html +124 -124
  12. package/docs-dev/sass/components/badge/index.html +96 -96
  13. package/docs-dev/sass/components/basic-hero/index.html +62 -62
  14. package/docs-dev/sass/components/button/index.html +49 -49
  15. package/docs-dev/sass/components/button-verbose/index.html +128 -128
  16. package/docs-dev/sass/components/callout/index.html +163 -163
  17. package/docs-dev/sass/components/captioned-figure/index.html +114 -114
  18. package/docs-dev/sass/components/card/index.html +170 -170
  19. package/docs-dev/sass/components/card-grid/index.html +70 -70
  20. package/docs-dev/sass/components/counter-list/index.html +119 -119
  21. package/docs-dev/sass/components/css-icon/index.html +140 -140
  22. package/docs-dev/sass/components/data-grid/index.html +166 -166
  23. package/docs-dev/sass/components/data-table/index.html +114 -114
  24. package/docs-dev/sass/components/flipcard/index.html +162 -162
  25. package/docs-dev/sass/components/flipcard-grid/index.html +57 -57
  26. package/docs-dev/sass/components/form-theme/index.html +265 -265
  27. package/docs-dev/sass/components/hero/index.html +107 -107
  28. package/docs-dev/sass/components/horizontal-rule/index.html +56 -56
  29. package/docs-dev/sass/components/image-grid/index.html +63 -63
  30. package/docs-dev/sass/components/index/index.html +95 -95
  31. package/docs-dev/sass/components/list-inline/index.html +77 -77
  32. package/docs-dev/sass/components/list-lines/index.html +98 -98
  33. package/docs-dev/sass/components/menu-stack/index.html +119 -119
  34. package/docs-dev/sass/components/modal/index.html +114 -114
  35. package/docs-dev/sass/components/nav-strip/index.html +114 -114
  36. package/docs-dev/sass/components/overlay-section/index.html +101 -101
  37. package/docs-dev/sass/components/pager/index.html +114 -114
  38. package/docs-dev/sass/components/placeholder-block/index.html +114 -114
  39. package/docs-dev/sass/components/popover/index.html +114 -114
  40. package/docs-dev/sass/components/pull-quote/index.html +114 -114
  41. package/docs-dev/sass/components/ratio-box/index.html +60 -60
  42. package/docs-dev/sass/components/rule/index.html +63 -63
  43. package/docs-dev/sass/components/scroll-slider/index.html +114 -114
  44. package/docs-dev/sass/components/skip-link/index.html +34 -34
  45. package/docs-dev/sass/components/slider/index.html +114 -114
  46. package/docs-dev/sass/components/spoke-spinner/index.html +56 -56
  47. package/docs-dev/sass/components/sticky-list/index.html +145 -145
  48. package/docs-dev/sass/components/tabs/index.html +114 -114
  49. package/docs-dev/sass/components/tag/index.html +161 -161
  50. package/docs-dev/sass/components/tile-button/index.html +101 -101
  51. package/docs-dev/sass/components/tile-grid/index.html +142 -142
  52. package/docs-dev/sass/components/tile-grid-overlay/index.html +37 -37
  53. package/docs-dev/sass/components/vignette/index.html +56 -56
  54. package/docs-dev/sass/components/wysiwyg/index.html +65 -65
  55. package/docs-dev/sass/core/breakpoint/index.html +100 -100
  56. package/docs-dev/sass/core/button/index.html +535 -535
  57. package/docs-dev/sass/core/color/index.html +157 -157
  58. package/docs-dev/sass/core/cssvar/index.html +49 -49
  59. package/docs-dev/sass/core/element/index.html +504 -504
  60. package/docs-dev/sass/core/layout/index.html +107 -107
  61. package/docs-dev/sass/core/path/index.html +32 -32
  62. package/docs-dev/sass/core/selector/index.html +49 -49
  63. package/docs-dev/sass/core/typography/index.html +265 -265
  64. package/docs-dev/sass/core/units/index.html +81 -81
  65. package/docs-dev/sass/core/utils/index.html +70 -70
  66. package/docs-dev/sass/helpers/index/index.html +53 -53
  67. package/docs-dev/sass/helpers/units/index.html +47 -47
  68. package/package.json +1 -1
  69. 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="#mixins">Mixins</a>
5169
+ <li><a href="#variables">Variables</a>
5170
5170
 
5171
5171
  <ol>
5172
5172
 
5173
- <li><a href="#mixin-set-aliases">set-aliases()</a>
5173
+ <li><a href="#variable-aliases">$aliases</a>
5174
5174
  </li>
5175
5175
  </ol>
5176
5176
  </li>
5177
5177
 
5178
- <li><a href="#functions">Functions</a>
5178
+ <li><a href="#mixins">Mixins</a>
5179
5179
 
5180
5180
  <ol>
5181
5181
 
5182
- <li><a href="#function-get-alias">get-alias()</a>
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="#variables">Variables</a>
5187
+ <li><a href="#functions">Functions</a>
5191
5188
 
5192
5189
  <ol>
5193
5190
 
5194
- <li><a href="#variable-aliases">$aliases</a>
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">&quot;&quot;</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">&quot;&quot;</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>