@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,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>
|
|
@@ -5133,6 +5184,15 @@
|
|
|
5133
5184
|
|
|
5134
5185
|
<li><a href="#function-get">get()</a>
|
|
5135
5186
|
</li>
|
|
5187
|
+
</ol>
|
|
5188
|
+
</li>
|
|
5189
|
+
|
|
5190
|
+
<li><a href="#variables">Variables</a>
|
|
5191
|
+
|
|
5192
|
+
<ol>
|
|
5193
|
+
|
|
5194
|
+
<li><a href="#variable-config">$config</a>
|
|
5195
|
+
</li>
|
|
5136
5196
|
</ol>
|
|
5137
5197
|
</li>
|
|
5138
5198
|
</ol>
|
|
@@ -5149,95 +5209,6 @@
|
|
|
5149
5209
|
<h1 id="list-lines" tabindex="-1">List-lines</h1>
|
|
5150
5210
|
<div class="type-large">
|
|
5151
5211
|
</div>
|
|
5152
|
-
<h2 id="variables" tabindex="-1">Variables</h2>
|
|
5153
|
-
<div class="sassdoc-item-header">
|
|
5154
|
-
<h3 id="variable-config" tabindex="-1">$config</h3>
|
|
5155
|
-
<div class="sassdoc-item-header__labels">
|
|
5156
|
-
<span class="tag tag--primary"><strong>Variable</strong></span>
|
|
5157
|
-
</div>
|
|
5158
|
-
</div>
|
|
5159
|
-
<p>Module Config</p>
|
|
5160
|
-
<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>
|
|
5161
|
-
<span class="pjs-token pjs-string">"border-first"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-boolean">true</span><span class="pjs-token pjs-punctuation">,</span>
|
|
5162
|
-
<span class="pjs-token pjs-string">"border-last"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-boolean">true</span><span class="pjs-token pjs-punctuation">,</span>
|
|
5163
|
-
<span class="pjs-token pjs-string">"margin-bottom"</span><span class="pjs-token pjs-punctuation">:</span> 1em<span class="pjs-token pjs-punctuation">,</span>
|
|
5164
|
-
<span class="pjs-token pjs-string">"margin-top"</span><span class="pjs-token pjs-punctuation">:</span> 0<span class="pjs-token pjs-punctuation">,</span>
|
|
5165
|
-
<span class="pjs-token pjs-string">"rule-style"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-string">"light"</span><span class="pjs-token pjs-punctuation">,</span>
|
|
5166
|
-
<span class="pjs-token pjs-string">"padding-between"</span> <span class="pjs-token pjs-punctuation">:</span> 1em<span class="pjs-token pjs-punctuation">,</span>
|
|
5167
|
-
<span class="pjs-token pjs-string">"dense-padding-between"</span> <span class="pjs-token pjs-punctuation">:</span> 0.65em<span class="pjs-token pjs-punctuation">,</span>
|
|
5168
|
-
<span class="pjs-token pjs-string">"dense-line-height"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-boolean">true</span>
|
|
5169
|
-
<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span></code></pre>
|
|
5170
|
-
<details>
|
|
5171
|
-
<summary>File Information</summary>
|
|
5172
|
-
<ul>
|
|
5173
|
-
<li><strong>File:</strong> _list-lines.scss</li>
|
|
5174
|
-
<li><strong>Group:</strong> list-lines</li>
|
|
5175
|
-
<li><strong>Type:</strong> variable</li>
|
|
5176
|
-
<li><strong>Lines (comments):</strong> 21-29</li>
|
|
5177
|
-
<li><strong>Lines (code):</strong> 31-40</li>
|
|
5178
|
-
</ul>
|
|
5179
|
-
</details>
|
|
5180
|
-
<h4 id="map-properties" tabindex="-1">Map Properties</h4>
|
|
5181
|
-
<table>
|
|
5182
|
-
<thead>
|
|
5183
|
-
<tr>
|
|
5184
|
-
<th style="text-align:left">Name</th>
|
|
5185
|
-
<th style="text-align:left">Type</th>
|
|
5186
|
-
<th style="text-align:left">Default</th>
|
|
5187
|
-
<th style="text-align:left">Description</th>
|
|
5188
|
-
</tr>
|
|
5189
|
-
</thead>
|
|
5190
|
-
<tbody>
|
|
5191
|
-
<tr>
|
|
5192
|
-
<td style="text-align:left">border-first</td>
|
|
5193
|
-
<td style="text-align:left">Boolean</td>
|
|
5194
|
-
<td style="text-align:left">true</td>
|
|
5195
|
-
<td style="text-align:left">If enabled, adds a top border to the first item in list-lines.</td>
|
|
5196
|
-
</tr>
|
|
5197
|
-
<tr>
|
|
5198
|
-
<td style="text-align:left">border-last</td>
|
|
5199
|
-
<td style="text-align:left">Boolean</td>
|
|
5200
|
-
<td style="text-align:left">true</td>
|
|
5201
|
-
<td style="text-align:left">If enabled, adds a bottom border to the last item in list-lines.</td>
|
|
5202
|
-
</tr>
|
|
5203
|
-
<tr>
|
|
5204
|
-
<td style="text-align:left">rule-style</td>
|
|
5205
|
-
<td style="text-align:left">String</td>
|
|
5206
|
-
<td style="text-align:left">"light"</td>
|
|
5207
|
-
<td style="text-align:left">Name of element > rule style to use for divider/border</td>
|
|
5208
|
-
</tr>
|
|
5209
|
-
<tr>
|
|
5210
|
-
<td style="text-align:left">margin-bottom</td>
|
|
5211
|
-
<td style="text-align:left">Dimension</td>
|
|
5212
|
-
<td style="text-align:left">1em</td>
|
|
5213
|
-
<td style="text-align:left">Bottom margin of list.</td>
|
|
5214
|
-
</tr>
|
|
5215
|
-
<tr>
|
|
5216
|
-
<td style="text-align:left">margin-top</td>
|
|
5217
|
-
<td style="text-align:left">Dimension</td>
|
|
5218
|
-
<td style="text-align:left">0</td>
|
|
5219
|
-
<td style="text-align:left">Top margin of list.</td>
|
|
5220
|
-
</tr>
|
|
5221
|
-
<tr>
|
|
5222
|
-
<td style="text-align:left">padding-between</td>
|
|
5223
|
-
<td style="text-align:left">Dimension</td>
|
|
5224
|
-
<td style="text-align:left">1em</td>
|
|
5225
|
-
<td style="text-align:left">Padding between items in list.</td>
|
|
5226
|
-
</tr>
|
|
5227
|
-
<tr>
|
|
5228
|
-
<td style="text-align:left">padding-between</td>
|
|
5229
|
-
<td style="text-align:left">Dimension</td>
|
|
5230
|
-
<td style="text-align:left">1em</td>
|
|
5231
|
-
<td style="text-align:left">Padding between items in list when using dense modifier</td>
|
|
5232
|
-
</tr>
|
|
5233
|
-
<tr>
|
|
5234
|
-
<td style="text-align:left">line-height-dense</td>
|
|
5235
|
-
<td style="text-align:left">Dimension</td>
|
|
5236
|
-
<td style="text-align:left">true</td>
|
|
5237
|
-
<td style="text-align:left">Line height when list lines has dense modifier (defaults to typography line-height-dense)</td>
|
|
5238
|
-
</tr>
|
|
5239
|
-
</tbody>
|
|
5240
|
-
</table>
|
|
5241
5212
|
<h2 id="mixins" tabindex="-1">Mixins</h2>
|
|
5242
5213
|
<div class="sassdoc-item-header">
|
|
5243
5214
|
<h3 id="mixin-set" tabindex="-1">set()</h3>
|
|
@@ -5343,6 +5314,95 @@
|
|
|
5343
5314
|
<ul>
|
|
5344
5315
|
<li><a href="/frontend/sass/components/accordion/#variable-config">$config</a></li>
|
|
5345
5316
|
</ul>
|
|
5317
|
+
<h2 id="variables" tabindex="-1">Variables</h2>
|
|
5318
|
+
<div class="sassdoc-item-header">
|
|
5319
|
+
<h3 id="variable-config" tabindex="-1">$config</h3>
|
|
5320
|
+
<div class="sassdoc-item-header__labels">
|
|
5321
|
+
<span class="tag tag--primary"><strong>Variable</strong></span>
|
|
5322
|
+
</div>
|
|
5323
|
+
</div>
|
|
5324
|
+
<p>Module Config</p>
|
|
5325
|
+
<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>
|
|
5326
|
+
<span class="pjs-token pjs-string">"border-first"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-boolean">true</span><span class="pjs-token pjs-punctuation">,</span>
|
|
5327
|
+
<span class="pjs-token pjs-string">"border-last"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-boolean">true</span><span class="pjs-token pjs-punctuation">,</span>
|
|
5328
|
+
<span class="pjs-token pjs-string">"margin-bottom"</span><span class="pjs-token pjs-punctuation">:</span> 1em<span class="pjs-token pjs-punctuation">,</span>
|
|
5329
|
+
<span class="pjs-token pjs-string">"margin-top"</span><span class="pjs-token pjs-punctuation">:</span> 0<span class="pjs-token pjs-punctuation">,</span>
|
|
5330
|
+
<span class="pjs-token pjs-string">"rule-style"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-string">"light"</span><span class="pjs-token pjs-punctuation">,</span>
|
|
5331
|
+
<span class="pjs-token pjs-string">"padding-between"</span> <span class="pjs-token pjs-punctuation">:</span> 1em<span class="pjs-token pjs-punctuation">,</span>
|
|
5332
|
+
<span class="pjs-token pjs-string">"dense-padding-between"</span> <span class="pjs-token pjs-punctuation">:</span> 0.65em<span class="pjs-token pjs-punctuation">,</span>
|
|
5333
|
+
<span class="pjs-token pjs-string">"dense-line-height"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-boolean">true</span>
|
|
5334
|
+
<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span></code></pre>
|
|
5335
|
+
<details>
|
|
5336
|
+
<summary>File Information</summary>
|
|
5337
|
+
<ul>
|
|
5338
|
+
<li><strong>File:</strong> _list-lines.scss</li>
|
|
5339
|
+
<li><strong>Group:</strong> list-lines</li>
|
|
5340
|
+
<li><strong>Type:</strong> variable</li>
|
|
5341
|
+
<li><strong>Lines (comments):</strong> 21-29</li>
|
|
5342
|
+
<li><strong>Lines (code):</strong> 31-40</li>
|
|
5343
|
+
</ul>
|
|
5344
|
+
</details>
|
|
5345
|
+
<h4 id="map-properties" tabindex="-1">Map Properties</h4>
|
|
5346
|
+
<table>
|
|
5347
|
+
<thead>
|
|
5348
|
+
<tr>
|
|
5349
|
+
<th style="text-align:left">Name</th>
|
|
5350
|
+
<th style="text-align:left">Type</th>
|
|
5351
|
+
<th style="text-align:left">Default</th>
|
|
5352
|
+
<th style="text-align:left">Description</th>
|
|
5353
|
+
</tr>
|
|
5354
|
+
</thead>
|
|
5355
|
+
<tbody>
|
|
5356
|
+
<tr>
|
|
5357
|
+
<td style="text-align:left">border-first</td>
|
|
5358
|
+
<td style="text-align:left">Boolean</td>
|
|
5359
|
+
<td style="text-align:left">true</td>
|
|
5360
|
+
<td style="text-align:left">If enabled, adds a top border to the first item in list-lines.</td>
|
|
5361
|
+
</tr>
|
|
5362
|
+
<tr>
|
|
5363
|
+
<td style="text-align:left">border-last</td>
|
|
5364
|
+
<td style="text-align:left">Boolean</td>
|
|
5365
|
+
<td style="text-align:left">true</td>
|
|
5366
|
+
<td style="text-align:left">If enabled, adds a bottom border to the last item in list-lines.</td>
|
|
5367
|
+
</tr>
|
|
5368
|
+
<tr>
|
|
5369
|
+
<td style="text-align:left">rule-style</td>
|
|
5370
|
+
<td style="text-align:left">String</td>
|
|
5371
|
+
<td style="text-align:left">"light"</td>
|
|
5372
|
+
<td style="text-align:left">Name of element > rule style to use for divider/border</td>
|
|
5373
|
+
</tr>
|
|
5374
|
+
<tr>
|
|
5375
|
+
<td style="text-align:left">margin-bottom</td>
|
|
5376
|
+
<td style="text-align:left">Dimension</td>
|
|
5377
|
+
<td style="text-align:left">1em</td>
|
|
5378
|
+
<td style="text-align:left">Bottom margin of list.</td>
|
|
5379
|
+
</tr>
|
|
5380
|
+
<tr>
|
|
5381
|
+
<td style="text-align:left">margin-top</td>
|
|
5382
|
+
<td style="text-align:left">Dimension</td>
|
|
5383
|
+
<td style="text-align:left">0</td>
|
|
5384
|
+
<td style="text-align:left">Top margin of list.</td>
|
|
5385
|
+
</tr>
|
|
5386
|
+
<tr>
|
|
5387
|
+
<td style="text-align:left">padding-between</td>
|
|
5388
|
+
<td style="text-align:left">Dimension</td>
|
|
5389
|
+
<td style="text-align:left">1em</td>
|
|
5390
|
+
<td style="text-align:left">Padding between items in list.</td>
|
|
5391
|
+
</tr>
|
|
5392
|
+
<tr>
|
|
5393
|
+
<td style="text-align:left">padding-between</td>
|
|
5394
|
+
<td style="text-align:left">Dimension</td>
|
|
5395
|
+
<td style="text-align:left">1em</td>
|
|
5396
|
+
<td style="text-align:left">Padding between items in list when using dense modifier</td>
|
|
5397
|
+
</tr>
|
|
5398
|
+
<tr>
|
|
5399
|
+
<td style="text-align:left">line-height-dense</td>
|
|
5400
|
+
<td style="text-align:left">Dimension</td>
|
|
5401
|
+
<td style="text-align:left">true</td>
|
|
5402
|
+
<td style="text-align:left">Line height when list lines has dense modifier (defaults to typography line-height-dense)</td>
|
|
5403
|
+
</tr>
|
|
5404
|
+
</tbody>
|
|
5405
|
+
</table>
|
|
5346
5406
|
|
|
5347
5407
|
</div>
|
|
5348
5408
|
</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/">
|
|
@@ -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/">
|