@ulu/frontend 0.1.0-beta.39 → 0.1.0-beta.40
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 +7 -0
- package/dist/ulu-frontend.min.css +1 -1
- package/dist/ulu-frontend.min.js +14 -14
- package/docs-dev/changelog/index.html +107 -9
- package/docs-dev/demos/accordion/index.html +60 -0
- package/docs-dev/demos/breakpoints-manager/index.html +60 -0
- package/docs-dev/demos/button/index.html +60 -0
- package/docs-dev/demos/button-verbose/index.html +60 -0
- package/docs-dev/demos/callout/index.html +60 -0
- package/docs-dev/demos/captioned-figure/index.html +60 -0
- package/docs-dev/demos/card/index.html +76 -16
- package/docs-dev/demos/card-grid/index.html +60 -0
- package/docs-dev/demos/counter-list/index.html +5224 -0
- package/docs-dev/demos/css-icons/index.html +60 -0
- package/docs-dev/demos/data-grid/index.html +60 -0
- package/docs-dev/demos/data-table/index.html +160 -100
- package/docs-dev/demos/details-group/index.html +60 -0
- package/docs-dev/demos/file-save/index.html +60 -0
- package/docs-dev/demos/flipcard/index.html +60 -0
- package/docs-dev/demos/form-theme/index.html +60 -0
- package/docs-dev/demos/index.html +60 -0
- package/docs-dev/demos/list-inline/index.html +60 -0
- package/docs-dev/demos/list-lines/index.html +60 -0
- package/docs-dev/demos/menu-stack/index.html +60 -0
- package/docs-dev/demos/modals/index.html +68 -0
- package/docs-dev/demos/nav-strip/index.html +60 -0
- package/docs-dev/demos/overlay-section/index.html +60 -0
- package/docs-dev/demos/popovers/index.html +60 -0
- package/docs-dev/demos/print/index.html +60 -0
- package/docs-dev/demos/pull-quote/index.html +60 -0
- package/docs-dev/demos/rule/index.html +60 -0
- package/docs-dev/demos/scrollpoints/index.html +60 -0
- package/docs-dev/demos/spoke-spinner/index.html +60 -0
- package/docs-dev/demos/sticky-list/index.html +60 -0
- package/docs-dev/demos/tabs/index.html +60 -0
- package/docs-dev/demos/tag/index.html +60 -0
- package/docs-dev/demos/theme-toggle/index.html +60 -0
- package/docs-dev/demos/tiles/index.html +60 -0
- package/docs-dev/demos/tooltip/index.html +60 -0
- package/docs-dev/guide/building-stylesheet/index.html +60 -0
- package/docs-dev/guide/developing-ulu-scss-module/index.html +60 -0
- package/docs-dev/guide/index.html +60 -0
- package/docs-dev/index.html +60 -0
- package/docs-dev/javascript/events/index.html +60 -0
- package/docs-dev/javascript/index.html +60 -0
- package/docs-dev/javascript/settings/index.html +60 -0
- package/docs-dev/javascript/ui-breakpoints/index.html +60 -0
- package/docs-dev/javascript/ui-collapsible/index.html +60 -0
- package/docs-dev/javascript/ui-details-group/index.html +60 -0
- package/docs-dev/javascript/ui-dialog/index.html +60 -0
- package/docs-dev/javascript/ui-flipcard/index.html +60 -0
- package/docs-dev/javascript/ui-grid/index.html +60 -0
- package/docs-dev/javascript/ui-modal-builder/index.html +60 -0
- package/docs-dev/javascript/ui-overflow-scroller/index.html +60 -0
- package/docs-dev/javascript/ui-overflow-scroller-pager/index.html +60 -0
- package/docs-dev/javascript/ui-page/index.html +60 -0
- package/docs-dev/javascript/ui-popover/index.html +60 -0
- package/docs-dev/javascript/ui-print/index.html +60 -0
- package/docs-dev/javascript/ui-print-details/index.html +60 -0
- package/docs-dev/javascript/ui-programmatic-modal/index.html +60 -0
- package/docs-dev/javascript/ui-proxy-click/index.html +60 -0
- package/docs-dev/javascript/ui-resizer/index.html +60 -0
- package/docs-dev/javascript/ui-scroll-slider/index.html +60 -0
- package/docs-dev/javascript/ui-scrollpoint/index.html +60 -0
- package/docs-dev/javascript/ui-slider/index.html +60 -0
- package/docs-dev/javascript/ui-tabs/index.html +60 -0
- package/docs-dev/javascript/ui-theme-toggle/index.html +60 -0
- package/docs-dev/javascript/ui-tooltip/index.html +60 -0
- package/docs-dev/javascript/utils-class-logger/index.html +60 -0
- package/docs-dev/javascript/utils-css/index.html +60 -0
- package/docs-dev/javascript/utils-dom/index.html +105 -8
- package/docs-dev/javascript/utils-file-save/index.html +60 -0
- package/docs-dev/javascript/utils-floating-ui/index.html +60 -0
- package/docs-dev/javascript/utils-id/index.html +60 -0
- package/docs-dev/javascript/utils-pause-youtube-video/index.html +60 -0
- package/docs-dev/javascript/utils-system/index.html +60 -0
- package/docs-dev/sass/base/color/index.html +60 -0
- package/docs-dev/sass/base/elements/index.html +130 -70
- package/docs-dev/sass/base/index/index.html +116 -56
- package/docs-dev/sass/base/index.html +60 -0
- package/docs-dev/sass/base/keyframes/index.html +60 -0
- package/docs-dev/sass/base/layout/index.html +123 -63
- package/docs-dev/sass/base/normalize/index.html +60 -0
- package/docs-dev/sass/base/print/index.html +60 -0
- package/docs-dev/sass/base/root/index.html +60 -0
- package/docs-dev/sass/base/typography/index.html +60 -0
- package/docs-dev/sass/components/accordion/index.html +178 -118
- package/docs-dev/sass/components/adaptive-spacing/index.html +184 -124
- package/docs-dev/sass/components/badge/index.html +156 -96
- package/docs-dev/sass/components/basic-hero/index.html +122 -62
- package/docs-dev/sass/components/button/index.html +109 -49
- package/docs-dev/sass/components/button-verbose/index.html +188 -128
- package/docs-dev/sass/components/callout/index.html +223 -163
- package/docs-dev/sass/components/captioned-figure/index.html +174 -114
- package/docs-dev/sass/components/card/index.html +228 -168
- package/docs-dev/sass/components/card-grid/index.html +130 -70
- package/docs-dev/sass/components/counter-list/index.html +5458 -0
- package/docs-dev/sass/components/css-icon/index.html +200 -140
- package/docs-dev/sass/components/data-grid/index.html +227 -167
- package/docs-dev/sass/components/data-table/index.html +174 -114
- package/docs-dev/sass/components/fill-context/index.html +60 -0
- package/docs-dev/sass/components/flipcard/index.html +222 -162
- package/docs-dev/sass/components/flipcard-grid/index.html +117 -57
- package/docs-dev/sass/components/form-theme/index.html +497 -437
- package/docs-dev/sass/components/hero/index.html +167 -107
- package/docs-dev/sass/components/horizontal-rule/index.html +116 -56
- package/docs-dev/sass/components/image-grid/index.html +123 -63
- package/docs-dev/sass/components/index/index.html +161 -100
- package/docs-dev/sass/components/index.html +60 -0
- package/docs-dev/sass/components/links/index.html +60 -0
- package/docs-dev/sass/components/list-inline/index.html +137 -77
- package/docs-dev/sass/components/list-lines/index.html +158 -98
- package/docs-dev/sass/components/list-ordered/index.html +60 -0
- package/docs-dev/sass/components/list-unordered/index.html +60 -0
- package/docs-dev/sass/components/menu-stack/index.html +179 -119
- package/docs-dev/sass/components/modal/index.html +174 -114
- package/docs-dev/sass/components/nav-strip/index.html +174 -114
- package/docs-dev/sass/components/overlay-section/index.html +161 -101
- package/docs-dev/sass/components/pager/index.html +174 -114
- package/docs-dev/sass/components/placeholder-block/index.html +174 -114
- package/docs-dev/sass/components/popover/index.html +174 -114
- package/docs-dev/sass/components/pull-quote/index.html +174 -114
- package/docs-dev/sass/components/ratio-box/index.html +120 -60
- package/docs-dev/sass/components/rule/index.html +123 -63
- package/docs-dev/sass/components/scroll-slider/index.html +174 -114
- package/docs-dev/sass/components/skip-link/index.html +94 -34
- package/docs-dev/sass/components/slider/index.html +174 -114
- package/docs-dev/sass/components/spoke-spinner/index.html +116 -56
- package/docs-dev/sass/components/sticky-list/index.html +206 -146
- package/docs-dev/sass/components/tabs/index.html +174 -114
- package/docs-dev/sass/components/tag/index.html +221 -161
- package/docs-dev/sass/components/tile-button/index.html +161 -101
- package/docs-dev/sass/components/tile-grid/index.html +202 -142
- package/docs-dev/sass/components/tile-grid-overlay/index.html +97 -37
- package/docs-dev/sass/components/vignette/index.html +116 -56
- package/docs-dev/sass/components/wysiwyg/index.html +125 -65
- package/docs-dev/sass/core/breakpoint/index.html +160 -100
- package/docs-dev/sass/core/button/index.html +526 -466
- package/docs-dev/sass/core/color/index.html +217 -157
- package/docs-dev/sass/core/cssvar/index.html +109 -49
- package/docs-dev/sass/core/element/index.html +495 -435
- package/docs-dev/sass/core/index.html +60 -0
- package/docs-dev/sass/core/layout/index.html +167 -107
- package/docs-dev/sass/core/path/index.html +92 -32
- package/docs-dev/sass/core/selector/index.html +109 -49
- package/docs-dev/sass/core/typography/index.html +344 -284
- package/docs-dev/sass/core/units/index.html +141 -81
- package/docs-dev/sass/core/utils/index.html +130 -70
- package/docs-dev/sass/helpers/color/index.html +60 -0
- package/docs-dev/sass/helpers/display/index.html +60 -0
- package/docs-dev/sass/helpers/index/index.html +113 -53
- package/docs-dev/sass/helpers/index.html +60 -0
- package/docs-dev/sass/helpers/typography/index.html +60 -0
- package/docs-dev/sass/helpers/units/index.html +107 -47
- package/docs-dev/sass/helpers/utilities/index.html +60 -0
- package/docs-dev/sass/index.html +60 -0
- package/js/ui/dialog.js +28 -3
- package/js/utils/dom.js +14 -3
- package/package.json +2 -2
- package/scss/components/_counter-list.scss +133 -0
- package/scss/components/_index.scss +6 -0
- package/types/ui/dialog.d.ts +1 -0
- package/types/ui/dialog.d.ts.map +1 -1
- package/types/utils/dom.d.ts +11 -3
- package/types/utils/dom.d.ts.map +1 -1
|
@@ -286,6 +286,21 @@
|
|
|
286
286
|
</li>
|
|
287
287
|
|
|
288
288
|
|
|
289
|
+
<li class="nav-tree__item ">
|
|
290
|
+
|
|
291
|
+
<a class="nav-tree__link " href="/frontend/demos/counter-list/">
|
|
292
|
+
|
|
293
|
+
|
|
294
|
+
<span class="nav-tree__text">
|
|
295
|
+
Counter List
|
|
296
|
+
</span>
|
|
297
|
+
|
|
298
|
+
</a>
|
|
299
|
+
|
|
300
|
+
|
|
301
|
+
</li>
|
|
302
|
+
|
|
303
|
+
|
|
289
304
|
<li class="nav-tree__item ">
|
|
290
305
|
|
|
291
306
|
<a class="nav-tree__link " href="/frontend/demos/css-icons/">
|
|
@@ -1335,6 +1350,21 @@
|
|
|
1335
1350
|
</li>
|
|
1336
1351
|
|
|
1337
1352
|
|
|
1353
|
+
<li class="nav-tree__item ">
|
|
1354
|
+
|
|
1355
|
+
<a class="nav-tree__link " href="/frontend/sass/components/counter-list/">
|
|
1356
|
+
|
|
1357
|
+
|
|
1358
|
+
<span class="nav-tree__text">
|
|
1359
|
+
Counter-list
|
|
1360
|
+
</span>
|
|
1361
|
+
|
|
1362
|
+
</a>
|
|
1363
|
+
|
|
1364
|
+
|
|
1365
|
+
</li>
|
|
1366
|
+
|
|
1367
|
+
|
|
1338
1368
|
<li class="nav-tree__item ">
|
|
1339
1369
|
|
|
1340
1370
|
<a class="nav-tree__link " href="/frontend/sass/components/css-icon/">
|
|
@@ -2802,6 +2832,21 @@
|
|
|
2802
2832
|
</li>
|
|
2803
2833
|
|
|
2804
2834
|
|
|
2835
|
+
<li class="nav-tree__item ">
|
|
2836
|
+
|
|
2837
|
+
<a class="nav-tree__link " href="/frontend/demos/counter-list/">
|
|
2838
|
+
|
|
2839
|
+
|
|
2840
|
+
<span class="nav-tree__text">
|
|
2841
|
+
Counter List
|
|
2842
|
+
</span>
|
|
2843
|
+
|
|
2844
|
+
</a>
|
|
2845
|
+
|
|
2846
|
+
|
|
2847
|
+
</li>
|
|
2848
|
+
|
|
2849
|
+
|
|
2805
2850
|
<li class="nav-tree__item ">
|
|
2806
2851
|
|
|
2807
2852
|
<a class="nav-tree__link " href="/frontend/demos/css-icons/">
|
|
@@ -3851,6 +3896,21 @@
|
|
|
3851
3896
|
</li>
|
|
3852
3897
|
|
|
3853
3898
|
|
|
3899
|
+
<li class="nav-tree__item ">
|
|
3900
|
+
|
|
3901
|
+
<a class="nav-tree__link " href="/frontend/sass/components/counter-list/">
|
|
3902
|
+
|
|
3903
|
+
|
|
3904
|
+
<span class="nav-tree__text">
|
|
3905
|
+
Counter-list
|
|
3906
|
+
</span>
|
|
3907
|
+
|
|
3908
|
+
</a>
|
|
3909
|
+
|
|
3910
|
+
|
|
3911
|
+
</li>
|
|
3912
|
+
|
|
3913
|
+
|
|
3854
3914
|
<li class="nav-tree__item ">
|
|
3855
3915
|
|
|
3856
3916
|
<a class="nav-tree__link " href="/frontend/sass/components/css-icon/">
|
|
@@ -5106,29 +5166,29 @@
|
|
|
5106
5166
|
<div class="toc">
|
|
5107
5167
|
<ol>
|
|
5108
5168
|
|
|
5109
|
-
<li><a href="#
|
|
5169
|
+
<li><a href="#mixins">Mixins</a>
|
|
5110
5170
|
|
|
5111
5171
|
<ol>
|
|
5112
5172
|
|
|
5113
|
-
<li><a href="#
|
|
5173
|
+
<li><a href="#mixin-set">set()</a>
|
|
5114
5174
|
</li>
|
|
5115
5175
|
</ol>
|
|
5116
5176
|
</li>
|
|
5117
5177
|
|
|
5118
|
-
<li><a href="#
|
|
5178
|
+
<li><a href="#functions">Functions</a>
|
|
5119
5179
|
|
|
5120
5180
|
<ol>
|
|
5121
5181
|
|
|
5122
|
-
<li><a href="#
|
|
5182
|
+
<li><a href="#function-get">get()</a>
|
|
5123
5183
|
</li>
|
|
5124
5184
|
</ol>
|
|
5125
5185
|
</li>
|
|
5126
5186
|
|
|
5127
|
-
<li><a href="#
|
|
5187
|
+
<li><a href="#variables">Variables</a>
|
|
5128
5188
|
|
|
5129
5189
|
<ol>
|
|
5130
5190
|
|
|
5131
|
-
<li><a href="#
|
|
5191
|
+
<li><a href="#variable-config">$config</a>
|
|
5132
5192
|
</li>
|
|
5133
5193
|
</ol>
|
|
5134
5194
|
</li>
|
|
@@ -5147,81 +5207,6 @@
|
|
|
5147
5207
|
<div class="type-large">
|
|
5148
5208
|
<p>Manages common spacing values (used by utility classes like margin/padding)</p>
|
|
5149
5209
|
</div>
|
|
5150
|
-
<h2 id="variables" tabindex="-1">Variables</h2>
|
|
5151
|
-
<div class="sassdoc-item-header">
|
|
5152
|
-
<h3 id="variable-config" tabindex="-1">$config</h3>
|
|
5153
|
-
<div class="sassdoc-item-header__labels">
|
|
5154
|
-
<span class="tag tag--primary"><strong>Variable</strong></span> <span class="tag"><strong>Type</strong>: Map</span>
|
|
5155
|
-
</div>
|
|
5156
|
-
</div>
|
|
5157
|
-
<p>Module Settings</p>
|
|
5158
|
-
<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>
|
|
5159
|
-
<span class="pjs-token pjs-string">"default"</span><span class="pjs-token pjs-punctuation">:</span> 1rem<span class="pjs-token pjs-punctuation">,</span>
|
|
5160
|
-
<span class="pjs-token pjs-string">"large"</span><span class="pjs-token pjs-punctuation">:</span> 1rem <span class="pjs-token pjs-operator">*</span> 2<span class="pjs-token pjs-punctuation">,</span>
|
|
5161
|
-
<span class="pjs-token pjs-string">"large-x"</span><span class="pjs-token pjs-punctuation">:</span> 1rem <span class="pjs-token pjs-operator">*</span> 3<span class="pjs-token pjs-punctuation">,</span>
|
|
5162
|
-
<span class="pjs-token pjs-string">"large-xx"</span><span class="pjs-token pjs-punctuation">:</span> 1rem <span class="pjs-token pjs-operator">*</span> 4<span class="pjs-token pjs-punctuation">,</span>
|
|
5163
|
-
<span class="pjs-token pjs-string">"small"</span><span class="pjs-token pjs-punctuation">:</span> 1rem <span class="pjs-token pjs-operator">*</span> 0.75<span class="pjs-token pjs-punctuation">,</span>
|
|
5164
|
-
<span class="pjs-token pjs-string">"small-x"</span><span class="pjs-token pjs-punctuation">:</span> 1rem <span class="pjs-token pjs-operator">*</span> 0.5<span class="pjs-token pjs-punctuation">,</span>
|
|
5165
|
-
<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span></code></pre>
|
|
5166
|
-
<details>
|
|
5167
|
-
<summary>File Information</summary>
|
|
5168
|
-
<ul>
|
|
5169
|
-
<li><strong>File:</strong> _units.scss</li>
|
|
5170
|
-
<li><strong>Group:</strong> units</li>
|
|
5171
|
-
<li><strong>Type:</strong> variable</li>
|
|
5172
|
-
<li><strong>Lines (comments):</strong> 10-17</li>
|
|
5173
|
-
<li><strong>Lines (code):</strong> 19-26</li>
|
|
5174
|
-
</ul>
|
|
5175
|
-
</details>
|
|
5176
|
-
<h4 id="map-properties" tabindex="-1">Map Properties</h4>
|
|
5177
|
-
<table>
|
|
5178
|
-
<thead>
|
|
5179
|
-
<tr>
|
|
5180
|
-
<th style="text-align:left">Name</th>
|
|
5181
|
-
<th style="text-align:left">Type</th>
|
|
5182
|
-
<th style="text-align:left">Default</th>
|
|
5183
|
-
<th style="text-align:left">Description</th>
|
|
5184
|
-
</tr>
|
|
5185
|
-
</thead>
|
|
5186
|
-
<tbody>
|
|
5187
|
-
<tr>
|
|
5188
|
-
<td style="text-align:left">default</td>
|
|
5189
|
-
<td style="text-align:left">Number</td>
|
|
5190
|
-
<td style="text-align:left">1rem</td>
|
|
5191
|
-
<td style="text-align:left">Base unit of measure</td>
|
|
5192
|
-
</tr>
|
|
5193
|
-
<tr>
|
|
5194
|
-
<td style="text-align:left">large</td>
|
|
5195
|
-
<td style="text-align:left">Number</td>
|
|
5196
|
-
<td style="text-align:left">1rem * 2</td>
|
|
5197
|
-
<td style="text-align:left"></td>
|
|
5198
|
-
</tr>
|
|
5199
|
-
<tr>
|
|
5200
|
-
<td style="text-align:left">large-x</td>
|
|
5201
|
-
<td style="text-align:left">Number</td>
|
|
5202
|
-
<td style="text-align:left">1rem * 3</td>
|
|
5203
|
-
<td style="text-align:left"></td>
|
|
5204
|
-
</tr>
|
|
5205
|
-
<tr>
|
|
5206
|
-
<td style="text-align:left">large-xx</td>
|
|
5207
|
-
<td style="text-align:left">Number</td>
|
|
5208
|
-
<td style="text-align:left">1rem * 4</td>
|
|
5209
|
-
<td style="text-align:left"></td>
|
|
5210
|
-
</tr>
|
|
5211
|
-
<tr>
|
|
5212
|
-
<td style="text-align:left">small</td>
|
|
5213
|
-
<td style="text-align:left">Number</td>
|
|
5214
|
-
<td style="text-align:left">1rem * 0.75</td>
|
|
5215
|
-
<td style="text-align:left"></td>
|
|
5216
|
-
</tr>
|
|
5217
|
-
<tr>
|
|
5218
|
-
<td style="text-align:left">small-x</td>
|
|
5219
|
-
<td style="text-align:left">Number</td>
|
|
5220
|
-
<td style="text-align:left">1rem * 0.5</td>
|
|
5221
|
-
<td style="text-align:left"></td>
|
|
5222
|
-
</tr>
|
|
5223
|
-
</tbody>
|
|
5224
|
-
</table>
|
|
5225
5210
|
<h2 id="mixins" tabindex="-1">Mixins</h2>
|
|
5226
5211
|
<div class="sassdoc-item-header">
|
|
5227
5212
|
<h3 id="mixin-set" tabindex="-1">set()</h3>
|
|
@@ -5319,6 +5304,81 @@
|
|
|
5319
5304
|
<li>require-map-get()</li>
|
|
5320
5305
|
<li><a href="/frontend/sass/core/breakpoint/#variable-config">$config</a></li>
|
|
5321
5306
|
</ul>
|
|
5307
|
+
<h2 id="variables" tabindex="-1">Variables</h2>
|
|
5308
|
+
<div class="sassdoc-item-header">
|
|
5309
|
+
<h3 id="variable-config" tabindex="-1">$config</h3>
|
|
5310
|
+
<div class="sassdoc-item-header__labels">
|
|
5311
|
+
<span class="tag tag--primary"><strong>Variable</strong></span> <span class="tag"><strong>Type</strong>: Map</span>
|
|
5312
|
+
</div>
|
|
5313
|
+
</div>
|
|
5314
|
+
<p>Module Settings</p>
|
|
5315
|
+
<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>
|
|
5316
|
+
<span class="pjs-token pjs-string">"default"</span><span class="pjs-token pjs-punctuation">:</span> 1rem<span class="pjs-token pjs-punctuation">,</span>
|
|
5317
|
+
<span class="pjs-token pjs-string">"large"</span><span class="pjs-token pjs-punctuation">:</span> 1rem <span class="pjs-token pjs-operator">*</span> 2<span class="pjs-token pjs-punctuation">,</span>
|
|
5318
|
+
<span class="pjs-token pjs-string">"large-x"</span><span class="pjs-token pjs-punctuation">:</span> 1rem <span class="pjs-token pjs-operator">*</span> 3<span class="pjs-token pjs-punctuation">,</span>
|
|
5319
|
+
<span class="pjs-token pjs-string">"large-xx"</span><span class="pjs-token pjs-punctuation">:</span> 1rem <span class="pjs-token pjs-operator">*</span> 4<span class="pjs-token pjs-punctuation">,</span>
|
|
5320
|
+
<span class="pjs-token pjs-string">"small"</span><span class="pjs-token pjs-punctuation">:</span> 1rem <span class="pjs-token pjs-operator">*</span> 0.75<span class="pjs-token pjs-punctuation">,</span>
|
|
5321
|
+
<span class="pjs-token pjs-string">"small-x"</span><span class="pjs-token pjs-punctuation">:</span> 1rem <span class="pjs-token pjs-operator">*</span> 0.5<span class="pjs-token pjs-punctuation">,</span>
|
|
5322
|
+
<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span></code></pre>
|
|
5323
|
+
<details>
|
|
5324
|
+
<summary>File Information</summary>
|
|
5325
|
+
<ul>
|
|
5326
|
+
<li><strong>File:</strong> _units.scss</li>
|
|
5327
|
+
<li><strong>Group:</strong> units</li>
|
|
5328
|
+
<li><strong>Type:</strong> variable</li>
|
|
5329
|
+
<li><strong>Lines (comments):</strong> 10-17</li>
|
|
5330
|
+
<li><strong>Lines (code):</strong> 19-26</li>
|
|
5331
|
+
</ul>
|
|
5332
|
+
</details>
|
|
5333
|
+
<h4 id="map-properties" tabindex="-1">Map Properties</h4>
|
|
5334
|
+
<table>
|
|
5335
|
+
<thead>
|
|
5336
|
+
<tr>
|
|
5337
|
+
<th style="text-align:left">Name</th>
|
|
5338
|
+
<th style="text-align:left">Type</th>
|
|
5339
|
+
<th style="text-align:left">Default</th>
|
|
5340
|
+
<th style="text-align:left">Description</th>
|
|
5341
|
+
</tr>
|
|
5342
|
+
</thead>
|
|
5343
|
+
<tbody>
|
|
5344
|
+
<tr>
|
|
5345
|
+
<td style="text-align:left">default</td>
|
|
5346
|
+
<td style="text-align:left">Number</td>
|
|
5347
|
+
<td style="text-align:left">1rem</td>
|
|
5348
|
+
<td style="text-align:left">Base unit of measure</td>
|
|
5349
|
+
</tr>
|
|
5350
|
+
<tr>
|
|
5351
|
+
<td style="text-align:left">large</td>
|
|
5352
|
+
<td style="text-align:left">Number</td>
|
|
5353
|
+
<td style="text-align:left">1rem * 2</td>
|
|
5354
|
+
<td style="text-align:left"></td>
|
|
5355
|
+
</tr>
|
|
5356
|
+
<tr>
|
|
5357
|
+
<td style="text-align:left">large-x</td>
|
|
5358
|
+
<td style="text-align:left">Number</td>
|
|
5359
|
+
<td style="text-align:left">1rem * 3</td>
|
|
5360
|
+
<td style="text-align:left"></td>
|
|
5361
|
+
</tr>
|
|
5362
|
+
<tr>
|
|
5363
|
+
<td style="text-align:left">large-xx</td>
|
|
5364
|
+
<td style="text-align:left">Number</td>
|
|
5365
|
+
<td style="text-align:left">1rem * 4</td>
|
|
5366
|
+
<td style="text-align:left"></td>
|
|
5367
|
+
</tr>
|
|
5368
|
+
<tr>
|
|
5369
|
+
<td style="text-align:left">small</td>
|
|
5370
|
+
<td style="text-align:left">Number</td>
|
|
5371
|
+
<td style="text-align:left">1rem * 0.75</td>
|
|
5372
|
+
<td style="text-align:left"></td>
|
|
5373
|
+
</tr>
|
|
5374
|
+
<tr>
|
|
5375
|
+
<td style="text-align:left">small-x</td>
|
|
5376
|
+
<td style="text-align:left">Number</td>
|
|
5377
|
+
<td style="text-align:left">1rem * 0.5</td>
|
|
5378
|
+
<td style="text-align:left"></td>
|
|
5379
|
+
</tr>
|
|
5380
|
+
</tbody>
|
|
5381
|
+
</table>
|
|
5322
5382
|
|
|
5323
5383
|
</div>
|
|
5324
5384
|
</div>
|
|
@@ -286,6 +286,21 @@
|
|
|
286
286
|
</li>
|
|
287
287
|
|
|
288
288
|
|
|
289
|
+
<li class="nav-tree__item ">
|
|
290
|
+
|
|
291
|
+
<a class="nav-tree__link " href="/frontend/demos/counter-list/">
|
|
292
|
+
|
|
293
|
+
|
|
294
|
+
<span class="nav-tree__text">
|
|
295
|
+
Counter List
|
|
296
|
+
</span>
|
|
297
|
+
|
|
298
|
+
</a>
|
|
299
|
+
|
|
300
|
+
|
|
301
|
+
</li>
|
|
302
|
+
|
|
303
|
+
|
|
289
304
|
<li class="nav-tree__item ">
|
|
290
305
|
|
|
291
306
|
<a class="nav-tree__link " href="/frontend/demos/css-icons/">
|
|
@@ -1335,6 +1350,21 @@
|
|
|
1335
1350
|
</li>
|
|
1336
1351
|
|
|
1337
1352
|
|
|
1353
|
+
<li class="nav-tree__item ">
|
|
1354
|
+
|
|
1355
|
+
<a class="nav-tree__link " href="/frontend/sass/components/counter-list/">
|
|
1356
|
+
|
|
1357
|
+
|
|
1358
|
+
<span class="nav-tree__text">
|
|
1359
|
+
Counter-list
|
|
1360
|
+
</span>
|
|
1361
|
+
|
|
1362
|
+
</a>
|
|
1363
|
+
|
|
1364
|
+
|
|
1365
|
+
</li>
|
|
1366
|
+
|
|
1367
|
+
|
|
1338
1368
|
<li class="nav-tree__item ">
|
|
1339
1369
|
|
|
1340
1370
|
<a class="nav-tree__link " href="/frontend/sass/components/css-icon/">
|
|
@@ -2802,6 +2832,21 @@
|
|
|
2802
2832
|
</li>
|
|
2803
2833
|
|
|
2804
2834
|
|
|
2835
|
+
<li class="nav-tree__item ">
|
|
2836
|
+
|
|
2837
|
+
<a class="nav-tree__link " href="/frontend/demos/counter-list/">
|
|
2838
|
+
|
|
2839
|
+
|
|
2840
|
+
<span class="nav-tree__text">
|
|
2841
|
+
Counter List
|
|
2842
|
+
</span>
|
|
2843
|
+
|
|
2844
|
+
</a>
|
|
2845
|
+
|
|
2846
|
+
|
|
2847
|
+
</li>
|
|
2848
|
+
|
|
2849
|
+
|
|
2805
2850
|
<li class="nav-tree__item ">
|
|
2806
2851
|
|
|
2807
2852
|
<a class="nav-tree__link " href="/frontend/demos/css-icons/">
|
|
@@ -3851,6 +3896,21 @@
|
|
|
3851
3896
|
</li>
|
|
3852
3897
|
|
|
3853
3898
|
|
|
3899
|
+
<li class="nav-tree__item ">
|
|
3900
|
+
|
|
3901
|
+
<a class="nav-tree__link " href="/frontend/sass/components/counter-list/">
|
|
3902
|
+
|
|
3903
|
+
|
|
3904
|
+
<span class="nav-tree__text">
|
|
3905
|
+
Counter-list
|
|
3906
|
+
</span>
|
|
3907
|
+
|
|
3908
|
+
</a>
|
|
3909
|
+
|
|
3910
|
+
|
|
3911
|
+
</li>
|
|
3912
|
+
|
|
3913
|
+
|
|
3854
3914
|
<li class="nav-tree__item ">
|
|
3855
3915
|
|
|
3856
3916
|
<a class="nav-tree__link " href="/frontend/sass/components/css-icon/">
|
|
@@ -5106,15 +5166,6 @@
|
|
|
5106
5166
|
<div class="toc">
|
|
5107
5167
|
<ol>
|
|
5108
5168
|
|
|
5109
|
-
<li><a href="#variables">Variables</a>
|
|
5110
|
-
|
|
5111
|
-
<ol>
|
|
5112
|
-
|
|
5113
|
-
<li><a href="#variable-config">$config</a>
|
|
5114
|
-
</li>
|
|
5115
|
-
</ol>
|
|
5116
|
-
</li>
|
|
5117
|
-
|
|
5118
5169
|
<li><a href="#mixins">Mixins</a>
|
|
5119
5170
|
|
|
5120
5171
|
<ol>
|
|
@@ -5256,6 +5307,15 @@
|
|
|
5256
5307
|
</ol>
|
|
5257
5308
|
</li>
|
|
5258
5309
|
|
|
5310
|
+
<li><a href="#variables">Variables</a>
|
|
5311
|
+
|
|
5312
|
+
<ol>
|
|
5313
|
+
|
|
5314
|
+
<li><a href="#variable-config">$config</a>
|
|
5315
|
+
</li>
|
|
5316
|
+
</ol>
|
|
5317
|
+
</li>
|
|
5318
|
+
|
|
5259
5319
|
<li><a href="#css">CSS</a>
|
|
5260
5320
|
|
|
5261
5321
|
<ol>
|
|
@@ -5279,67 +5339,6 @@
|
|
|
5279
5339
|
<div class="type-large">
|
|
5280
5340
|
<p>Basic utility functions/mixins used throughout system</p>
|
|
5281
5341
|
</div>
|
|
5282
|
-
<h2 id="variables" tabindex="-1">Variables</h2>
|
|
5283
|
-
<div class="sassdoc-item-header">
|
|
5284
|
-
<h3 id="variable-config" tabindex="-1">$config</h3>
|
|
5285
|
-
<div class="sassdoc-item-header__labels">
|
|
5286
|
-
<span class="tag tag--primary"><strong>Variable</strong></span> <span class="tag"><strong>Type</strong>: Map</span>
|
|
5287
|
-
</div>
|
|
5288
|
-
</div>
|
|
5289
|
-
<p>Module Settings</p>
|
|
5290
|
-
<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>
|
|
5291
|
-
<span class="pjs-token pjs-string">"debug-maps"</span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-boolean">true</span><span class="pjs-token pjs-punctuation">,</span>
|
|
5292
|
-
<span class="pjs-token pjs-string">"file-header-comments"</span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-boolean">true</span><span class="pjs-token pjs-punctuation">,</span>
|
|
5293
|
-
<span class="pjs-token pjs-string">"responsive-change"</span><span class="pjs-token pjs-punctuation">:</span> 0.5vw<span class="pjs-token pjs-punctuation">,</span>
|
|
5294
|
-
<span class="pjs-token pjs-string">"pixel-em-base"</span> <span class="pjs-token pjs-punctuation">:</span> 16px<span class="pjs-token pjs-punctuation">,</span>
|
|
5295
|
-
<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span></code></pre>
|
|
5296
|
-
<details>
|
|
5297
|
-
<summary>File Information</summary>
|
|
5298
|
-
<ul>
|
|
5299
|
-
<li><strong>File:</strong> _utils.scss</li>
|
|
5300
|
-
<li><strong>Group:</strong> utils</li>
|
|
5301
|
-
<li><strong>Type:</strong> variable</li>
|
|
5302
|
-
<li><strong>Lines (comments):</strong> 12-17</li>
|
|
5303
|
-
<li><strong>Lines (code):</strong> 19-24</li>
|
|
5304
|
-
</ul>
|
|
5305
|
-
</details>
|
|
5306
|
-
<h4 id="map-properties" tabindex="-1">Map Properties</h4>
|
|
5307
|
-
<table>
|
|
5308
|
-
<thead>
|
|
5309
|
-
<tr>
|
|
5310
|
-
<th style="text-align:left">Name</th>
|
|
5311
|
-
<th style="text-align:left">Type</th>
|
|
5312
|
-
<th style="text-align:left">Default</th>
|
|
5313
|
-
<th style="text-align:left">Description</th>
|
|
5314
|
-
</tr>
|
|
5315
|
-
</thead>
|
|
5316
|
-
<tbody>
|
|
5317
|
-
<tr>
|
|
5318
|
-
<td style="text-align:left">debug-maps</td>
|
|
5319
|
-
<td style="text-align:left">Boolean</td>
|
|
5320
|
-
<td style="text-align:left">true</td>
|
|
5321
|
-
<td style="text-align:left">Enable or disable debug map output</td>
|
|
5322
|
-
</tr>
|
|
5323
|
-
<tr>
|
|
5324
|
-
<td style="text-align:left">file-header-comments</td>
|
|
5325
|
-
<td style="text-align:left">Boolean</td>
|
|
5326
|
-
<td style="text-align:left">true</td>
|
|
5327
|
-
<td style="text-align:left">Enable or disable module/file header comments</td>
|
|
5328
|
-
</tr>
|
|
5329
|
-
<tr>
|
|
5330
|
-
<td style="text-align:left">responsive-change</td>
|
|
5331
|
-
<td style="text-align:left">Number</td>
|
|
5332
|
-
<td style="text-align:left">0.5vw</td>
|
|
5333
|
-
<td style="text-align:left">Default responsive amount to modify items using responsive-property mixin</td>
|
|
5334
|
-
</tr>
|
|
5335
|
-
<tr>
|
|
5336
|
-
<td style="text-align:left">pixel-em-base</td>
|
|
5337
|
-
<td style="text-align:left">Number</td>
|
|
5338
|
-
<td style="text-align:left">16px</td>
|
|
5339
|
-
<td style="text-align:left">Default base pixel font size for pixel-to-em</td>
|
|
5340
|
-
</tr>
|
|
5341
|
-
</tbody>
|
|
5342
|
-
</table>
|
|
5343
5342
|
<h2 id="mixins" tabindex="-1">Mixins</h2>
|
|
5344
5343
|
<div class="sassdoc-item-header">
|
|
5345
5344
|
<h3 id="mixin-set" tabindex="-1">set()</h3>
|
|
@@ -7597,6 +7596,67 @@
|
|
|
7597
7596
|
<ul>
|
|
7598
7597
|
<li><a href="/frontend/sass/core/utils/#function-is-end">is-end()</a></li>
|
|
7599
7598
|
</ul>
|
|
7599
|
+
<h2 id="variables" tabindex="-1">Variables</h2>
|
|
7600
|
+
<div class="sassdoc-item-header">
|
|
7601
|
+
<h3 id="variable-config" tabindex="-1">$config</h3>
|
|
7602
|
+
<div class="sassdoc-item-header__labels">
|
|
7603
|
+
<span class="tag tag--primary"><strong>Variable</strong></span> <span class="tag"><strong>Type</strong>: Map</span>
|
|
7604
|
+
</div>
|
|
7605
|
+
</div>
|
|
7606
|
+
<p>Module Settings</p>
|
|
7607
|
+
<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>
|
|
7608
|
+
<span class="pjs-token pjs-string">"debug-maps"</span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-boolean">true</span><span class="pjs-token pjs-punctuation">,</span>
|
|
7609
|
+
<span class="pjs-token pjs-string">"file-header-comments"</span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-boolean">true</span><span class="pjs-token pjs-punctuation">,</span>
|
|
7610
|
+
<span class="pjs-token pjs-string">"responsive-change"</span><span class="pjs-token pjs-punctuation">:</span> 0.5vw<span class="pjs-token pjs-punctuation">,</span>
|
|
7611
|
+
<span class="pjs-token pjs-string">"pixel-em-base"</span> <span class="pjs-token pjs-punctuation">:</span> 16px<span class="pjs-token pjs-punctuation">,</span>
|
|
7612
|
+
<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span></code></pre>
|
|
7613
|
+
<details>
|
|
7614
|
+
<summary>File Information</summary>
|
|
7615
|
+
<ul>
|
|
7616
|
+
<li><strong>File:</strong> _utils.scss</li>
|
|
7617
|
+
<li><strong>Group:</strong> utils</li>
|
|
7618
|
+
<li><strong>Type:</strong> variable</li>
|
|
7619
|
+
<li><strong>Lines (comments):</strong> 12-17</li>
|
|
7620
|
+
<li><strong>Lines (code):</strong> 19-24</li>
|
|
7621
|
+
</ul>
|
|
7622
|
+
</details>
|
|
7623
|
+
<h4 id="map-properties" tabindex="-1">Map Properties</h4>
|
|
7624
|
+
<table>
|
|
7625
|
+
<thead>
|
|
7626
|
+
<tr>
|
|
7627
|
+
<th style="text-align:left">Name</th>
|
|
7628
|
+
<th style="text-align:left">Type</th>
|
|
7629
|
+
<th style="text-align:left">Default</th>
|
|
7630
|
+
<th style="text-align:left">Description</th>
|
|
7631
|
+
</tr>
|
|
7632
|
+
</thead>
|
|
7633
|
+
<tbody>
|
|
7634
|
+
<tr>
|
|
7635
|
+
<td style="text-align:left">debug-maps</td>
|
|
7636
|
+
<td style="text-align:left">Boolean</td>
|
|
7637
|
+
<td style="text-align:left">true</td>
|
|
7638
|
+
<td style="text-align:left">Enable or disable debug map output</td>
|
|
7639
|
+
</tr>
|
|
7640
|
+
<tr>
|
|
7641
|
+
<td style="text-align:left">file-header-comments</td>
|
|
7642
|
+
<td style="text-align:left">Boolean</td>
|
|
7643
|
+
<td style="text-align:left">true</td>
|
|
7644
|
+
<td style="text-align:left">Enable or disable module/file header comments</td>
|
|
7645
|
+
</tr>
|
|
7646
|
+
<tr>
|
|
7647
|
+
<td style="text-align:left">responsive-change</td>
|
|
7648
|
+
<td style="text-align:left">Number</td>
|
|
7649
|
+
<td style="text-align:left">0.5vw</td>
|
|
7650
|
+
<td style="text-align:left">Default responsive amount to modify items using responsive-property mixin</td>
|
|
7651
|
+
</tr>
|
|
7652
|
+
<tr>
|
|
7653
|
+
<td style="text-align:left">pixel-em-base</td>
|
|
7654
|
+
<td style="text-align:left">Number</td>
|
|
7655
|
+
<td style="text-align:left">16px</td>
|
|
7656
|
+
<td style="text-align:left">Default base pixel font size for pixel-to-em</td>
|
|
7657
|
+
</tr>
|
|
7658
|
+
</tbody>
|
|
7659
|
+
</table>
|
|
7600
7660
|
<h2 id="css" tabindex="-1">CSS</h2>
|
|
7601
7661
|
<div class="sassdoc-item-header">
|
|
7602
7662
|
<h3 id="%2F%2F-could-be-made-into-multiple-arguments-in-future-if-needed" tabindex="-1">// Could be made into multiple arguments in future if needed</h3>
|
|
@@ -286,6 +286,21 @@
|
|
|
286
286
|
</li>
|
|
287
287
|
|
|
288
288
|
|
|
289
|
+
<li class="nav-tree__item ">
|
|
290
|
+
|
|
291
|
+
<a class="nav-tree__link " href="/frontend/demos/counter-list/">
|
|
292
|
+
|
|
293
|
+
|
|
294
|
+
<span class="nav-tree__text">
|
|
295
|
+
Counter List
|
|
296
|
+
</span>
|
|
297
|
+
|
|
298
|
+
</a>
|
|
299
|
+
|
|
300
|
+
|
|
301
|
+
</li>
|
|
302
|
+
|
|
303
|
+
|
|
289
304
|
<li class="nav-tree__item ">
|
|
290
305
|
|
|
291
306
|
<a class="nav-tree__link " href="/frontend/demos/css-icons/">
|
|
@@ -1335,6 +1350,21 @@
|
|
|
1335
1350
|
</li>
|
|
1336
1351
|
|
|
1337
1352
|
|
|
1353
|
+
<li class="nav-tree__item ">
|
|
1354
|
+
|
|
1355
|
+
<a class="nav-tree__link " href="/frontend/sass/components/counter-list/">
|
|
1356
|
+
|
|
1357
|
+
|
|
1358
|
+
<span class="nav-tree__text">
|
|
1359
|
+
Counter-list
|
|
1360
|
+
</span>
|
|
1361
|
+
|
|
1362
|
+
</a>
|
|
1363
|
+
|
|
1364
|
+
|
|
1365
|
+
</li>
|
|
1366
|
+
|
|
1367
|
+
|
|
1338
1368
|
<li class="nav-tree__item ">
|
|
1339
1369
|
|
|
1340
1370
|
<a class="nav-tree__link " href="/frontend/sass/components/css-icon/">
|
|
@@ -2802,6 +2832,21 @@
|
|
|
2802
2832
|
</li>
|
|
2803
2833
|
|
|
2804
2834
|
|
|
2835
|
+
<li class="nav-tree__item ">
|
|
2836
|
+
|
|
2837
|
+
<a class="nav-tree__link " href="/frontend/demos/counter-list/">
|
|
2838
|
+
|
|
2839
|
+
|
|
2840
|
+
<span class="nav-tree__text">
|
|
2841
|
+
Counter List
|
|
2842
|
+
</span>
|
|
2843
|
+
|
|
2844
|
+
</a>
|
|
2845
|
+
|
|
2846
|
+
|
|
2847
|
+
</li>
|
|
2848
|
+
|
|
2849
|
+
|
|
2805
2850
|
<li class="nav-tree__item ">
|
|
2806
2851
|
|
|
2807
2852
|
<a class="nav-tree__link " href="/frontend/demos/css-icons/">
|
|
@@ -3851,6 +3896,21 @@
|
|
|
3851
3896
|
</li>
|
|
3852
3897
|
|
|
3853
3898
|
|
|
3899
|
+
<li class="nav-tree__item ">
|
|
3900
|
+
|
|
3901
|
+
<a class="nav-tree__link " href="/frontend/sass/components/counter-list/">
|
|
3902
|
+
|
|
3903
|
+
|
|
3904
|
+
<span class="nav-tree__text">
|
|
3905
|
+
Counter-list
|
|
3906
|
+
</span>
|
|
3907
|
+
|
|
3908
|
+
</a>
|
|
3909
|
+
|
|
3910
|
+
|
|
3911
|
+
</li>
|
|
3912
|
+
|
|
3913
|
+
|
|
3854
3914
|
<li class="nav-tree__item ">
|
|
3855
3915
|
|
|
3856
3916
|
<a class="nav-tree__link " href="/frontend/sass/components/css-icon/">
|