morya-ui 0.4.3 → 0.4.4

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 (173) hide show
  1. package/CHANGELOG.md +780 -769
  2. package/LICENSE +21 -21
  3. package/README.md +156 -150
  4. package/README.zh-CN.md +156 -150
  5. package/dist/accordion/style.css +1205 -1205
  6. package/dist/affix/style.css +1205 -1205
  7. package/dist/alert/style.css +1205 -1205
  8. package/dist/anchor/style.css +1205 -1205
  9. package/dist/auto-complete/style.css +1749 -1749
  10. package/dist/avatar/style.css +1318 -1318
  11. package/dist/badge/style.css +1371 -1371
  12. package/dist/block-ui/style.css +1205 -1205
  13. package/dist/breadcrumb/style.css +1205 -1205
  14. package/dist/button/style.css +1909 -1909
  15. package/dist/calendar/style.css +1880 -1880
  16. package/dist/card/style.css +1205 -1205
  17. package/dist/carousel/style.css +2208 -2208
  18. package/dist/cascade-select/style.css +1909 -1909
  19. package/dist/checkbox/style.css +1205 -1205
  20. package/dist/chip/style.css +1349 -1349
  21. package/dist/command-menu/style.css +1438 -1438
  22. package/dist/components/AutoComplete/styles.css +209 -209
  23. package/dist/components/Avatar/styles.css +113 -113
  24. package/dist/components/Badge/styles.css +164 -164
  25. package/dist/components/Button/styles.css +698 -698
  26. package/dist/components/Carousel/styles.css +302 -302
  27. package/dist/components/CascadeSelect/styles.css +168 -168
  28. package/dist/components/Chip/styles.css +144 -144
  29. package/dist/components/CommandMenu/styles.css +102 -102
  30. package/dist/components/ConfigProvider/styles.css +6 -6
  31. package/dist/components/ConfirmDialog/styles.css +24 -24
  32. package/dist/components/ConfirmPopup/styles.css +35 -35
  33. package/dist/components/ContextMenu/styles.css +138 -138
  34. package/dist/components/DatePicker/styles.css +453 -453
  35. package/dist/components/Dialog/styles.css +420 -420
  36. package/dist/components/Dock/styles.css +84 -84
  37. package/dist/components/Drawer/styles.css +346 -346
  38. package/dist/components/Dropdown/styles.css +135 -135
  39. package/dist/components/Empty/styles.css +146 -146
  40. package/dist/components/FileUpload/styles.css +359 -359
  41. package/dist/components/Form/Form.vue.d.ts.map +1 -1
  42. package/dist/components/Form/styles.css +125 -125
  43. package/dist/components/Gallery/styles.css +100 -100
  44. package/dist/components/Input/styles.css +392 -392
  45. package/dist/components/InputColor/styles.css +139 -139
  46. package/dist/components/InputNumber/styles.css +262 -262
  47. package/dist/components/InputPassword/styles.css +189 -189
  48. package/dist/components/InputTags/styles.css +121 -121
  49. package/dist/components/Layout/styles.css +433 -433
  50. package/dist/components/List/styles.css +229 -229
  51. package/dist/components/Listbox/styles.css +130 -130
  52. package/dist/components/Loading/styles.css +378 -378
  53. package/dist/components/MegaMenu/styles.css +97 -97
  54. package/dist/components/Menu/styles.css +565 -565
  55. package/dist/components/Menubar/styles.css +144 -144
  56. package/dist/components/Message/styles.css +248 -248
  57. package/dist/components/MeterGroup/styles.css +49 -49
  58. package/dist/components/Page/styles.css +430 -430
  59. package/dist/components/Pagination/styles.css +124 -124
  60. package/dist/components/Popover/styles.css +92 -92
  61. package/dist/components/Result/styles.css +146 -146
  62. package/dist/components/Scrollbar/styles.css +131 -131
  63. package/dist/components/Select/styles.css +222 -222
  64. package/dist/components/SelectButton/styles.css +107 -107
  65. package/dist/components/Sidebar/styles.css +74 -74
  66. package/dist/components/Slider/styles.css +211 -211
  67. package/dist/components/SplitButton/styles.css +216 -216
  68. package/dist/components/Status/styles.css +190 -190
  69. package/dist/components/Stepper/styles.css +152 -152
  70. package/dist/components/Switch/styles.css +129 -129
  71. package/dist/components/Tabs/styles.css +165 -165
  72. package/dist/components/Terminal/styles.css +75 -75
  73. package/dist/components/Textarea/styles.css +146 -146
  74. package/dist/components/TieredMenu/styles.css +125 -125
  75. package/dist/components/Timeline/styles.css +157 -157
  76. package/dist/components/TreeSelect/styles.css +172 -172
  77. package/dist/components/VirtualScroller/styles.css +27 -27
  78. package/dist/config-provider/style.css +2301 -2301
  79. package/dist/confirm-dialog/style.css +2347 -2347
  80. package/dist/confirm-popup/style.css +1938 -1938
  81. package/dist/context-menu/style.css +1474 -1474
  82. package/dist/data-view/style.css +1707 -1707
  83. package/dist/date-picker/style.css +1658 -1658
  84. package/dist/descriptions/style.css +1205 -1205
  85. package/dist/dialog/style.css +2323 -2323
  86. package/dist/divider/style.css +1205 -1205
  87. package/dist/dock/style.css +1289 -1289
  88. package/dist/drawer/style.css +1551 -1551
  89. package/dist/dropdown/style.css +1471 -1471
  90. package/dist/empty/style.css +1351 -1351
  91. package/dist/fieldset/style.css +1205 -1205
  92. package/dist/file-upload/style.css +1564 -1564
  93. package/dist/flex/style.css +1205 -1205
  94. package/dist/float-label/style.css +1205 -1205
  95. package/dist/fluid/style.css +1205 -1205
  96. package/dist/form/style.css +1332 -1332
  97. package/dist/gallery/style.css +1436 -1436
  98. package/dist/grid/style.css +1205 -1205
  99. package/dist/icon/style.css +1205 -1205
  100. package/dist/icon-field/style.css +1597 -1597
  101. package/dist/image/style.css +1205 -1205
  102. package/dist/inplace/style.css +1205 -1205
  103. package/dist/input/style.css +1722 -1722
  104. package/dist/input-color/style.css +1346 -1346
  105. package/dist/input-group/style.css +1205 -1205
  106. package/dist/input-number/style.css +1467 -1467
  107. package/dist/input-otp/style.css +1205 -1205
  108. package/dist/input-password/style.css +1519 -1519
  109. package/dist/input-tags/style.css +1326 -1326
  110. package/dist/knob/style.css +1205 -1205
  111. package/dist/label/style.css +1205 -1205
  112. package/dist/layout/style.css +1769 -1769
  113. package/dist/list/style.css +2087 -2087
  114. package/dist/listbox/style.css +1497 -1497
  115. package/dist/loading/style.css +1585 -1585
  116. package/dist/mega-menu/style.css +1302 -1302
  117. package/dist/mentions/style.css +1330 -1330
  118. package/dist/menu/style.css +2059 -2059
  119. package/dist/menubar/style.css +1480 -1480
  120. package/dist/message/style.css +1453 -1453
  121. package/dist/meter-group/style.css +1256 -1256
  122. package/dist/order-list/style.css +1205 -1205
  123. package/dist/page/style.css +2597 -2597
  124. package/dist/pagination/style.css +1551 -1551
  125. package/dist/panel/style.css +1205 -1205
  126. package/dist/pick-list/style.css +1205 -1205
  127. package/dist/popover/style.css +1299 -1299
  128. package/dist/progress-bar/style.css +1205 -1205
  129. package/dist/progress-spinner/style.css +1205 -1205
  130. package/dist/qr-code/style.css +1903 -1903
  131. package/dist/radio/style.css +1205 -1205
  132. package/dist/rating/style.css +1205 -1205
  133. package/dist/result/style.css +1351 -1351
  134. package/dist/scroll-top/style.css +1336 -1336
  135. package/dist/scrollbar/style.css +1338 -1338
  136. package/dist/segmented/style.css +1205 -1205
  137. package/dist/select/style.css +2115 -2115
  138. package/dist/select-button/style.css +1314 -1314
  139. package/dist/shared/styles/control-affix-icon.css +110 -110
  140. package/dist/shared/styles/control-suffix.css +118 -118
  141. package/dist/shared/styles/select-overlay.css +177 -177
  142. package/dist/sidebar/style.css +1279 -1279
  143. package/dist/skeleton/style.css +1205 -1205
  144. package/dist/slider/style.css +1418 -1418
  145. package/dist/space/style.css +1205 -1205
  146. package/dist/speed-dial/style.css +1205 -1205
  147. package/dist/split-button/style.css +2119 -2119
  148. package/dist/splitter/style.css +1205 -1205
  149. package/dist/statistic/style.css +1205 -1205
  150. package/dist/status/style.css +1395 -1395
  151. package/dist/stepper/style.css +1357 -1357
  152. package/dist/styles/base.css +804 -804
  153. package/dist/switch/style.css +1336 -1336
  154. package/dist/table/style.css +1840 -1840
  155. package/dist/tabs/style.css +1501 -1501
  156. package/dist/tag/style.css +1205 -1205
  157. package/dist/terminal/style.css +1282 -1282
  158. package/dist/textarea/style.css +1476 -1476
  159. package/dist/theme/styles.css +401 -401
  160. package/dist/tiered-menu/style.css +1461 -1461
  161. package/dist/time-picker/style.css +1660 -1660
  162. package/dist/timeline/style.css +1493 -1493
  163. package/dist/toast/style.css +1903 -1903
  164. package/dist/toggle-button/style.css +1205 -1205
  165. package/dist/toolbar/style.css +1205 -1205
  166. package/dist/tooltip/style.css +1205 -1205
  167. package/dist/tour/style.css +1903 -1903
  168. package/dist/tree/style.css +1205 -1205
  169. package/dist/tree-select/style.css +1913 -1913
  170. package/dist/typography/style.css +1351 -1351
  171. package/dist/virtual-scroller/style.css +1366 -1366
  172. package/dist/watermark/style.css +1205 -1205
  173. package/package.json +2 -1
package/dist/components/List/styles.css CHANGED
@@ -1,229 +1,229 @@
1
- /* --- Data display: List --- */
2
- .m-list {
3
- --m-list-pad-y: var(--m-space-4);
4
- --m-list-pad-x: var(--m-space-4);
5
- --m-list-item-gap: var(--m-space-4);
6
- --m-list-font-size: var(--m-font-size-md);
7
- --m-list-meta-title-size: var(--m-font-size-md);
8
- --m-list-meta-desc-color: var(--m-color-text-muted);
9
- --m-list-grid-gutter: var(--m-space-4);
10
- --m-list-grid-column: 1;
11
- --m-list-grid-column-xs: var(--m-list-grid-column);
12
- --m-list-grid-column-sm: var(--m-list-grid-column);
13
- --m-list-grid-column-md: var(--m-list-grid-column);
14
- --m-list-grid-column-lg: var(--m-list-grid-column);
15
- --m-list-grid-column-xl: var(--m-list-grid-column);
16
- box-sizing: border-box;
17
- color: var(--m-color-text);
18
- font-family: var(--m-font-sans);
19
- font-size: var(--m-list-font-size);
20
- width: 100%;
21
- }
22
-
23
- .m-list--small {
24
- --m-list-pad-y: var(--m-space-2);
25
- --m-list-pad-x: var(--m-space-3);
26
- --m-list-item-gap: var(--m-space-3);
27
- --m-list-font-size: var(--m-font-size-sm);
28
- --m-list-meta-title-size: var(--m-font-size-sm);
29
- }
30
-
31
- .m-list--large {
32
- --m-list-pad-y: var(--m-space-5);
33
- --m-list-pad-x: var(--m-space-5);
34
- --m-list-item-gap: var(--m-space-5);
35
- --m-list-font-size: var(--m-font-size-lg);
36
- --m-list-meta-title-size: var(--m-font-size-lg);
37
- }
38
-
39
- .m-list--bordered {
40
- border: var(--m-border-width) solid var(--m-color-border);
41
- border-radius: var(--m-radius-control);
42
- }
43
-
44
- .m-list__header,
45
- .m-list__footer {
46
- padding: var(--m-list-pad-y) var(--m-list-pad-x);
47
- }
48
-
49
- .m-list__header {
50
- border-bottom: var(--m-border-width) solid var(--m-color-split);
51
- font-weight: 500;
52
- }
53
-
54
- .m-list__footer {
55
- border-top: var(--m-border-width) solid var(--m-color-split);
56
- color: var(--m-color-text-muted);
57
- }
58
-
59
- .m-list__pagination {
60
- display: flex;
61
- padding: var(--m-space-3) var(--m-list-pad-x);
62
- }
63
-
64
- .m-list__pagination--start {
65
- justify-content: flex-start;
66
- }
67
-
68
- .m-list__pagination--center {
69
- justify-content: center;
70
- }
71
-
72
- .m-list__pagination--end {
73
- justify-content: flex-end;
74
- }
75
-
76
- .m-list__items {
77
- list-style: none;
78
- margin: 0;
79
- padding: 0;
80
- }
81
-
82
- .m-list__items--grid {
83
- display: grid;
84
- gap: var(--m-list-grid-gutter);
85
- grid-template-columns: repeat(var(--m-list-grid-column, 1), minmax(0, 1fr));
86
- padding: var(--m-list-pad-y) var(--m-list-pad-x);
87
- }
88
-
89
- .m-list__items:not(.m-list__items--grid) {
90
- padding: 0;
91
- }
92
-
93
- @media (min-width: 480px) {
94
- .m-list__items--grid[data-grid-xs] {
95
- grid-template-columns: repeat(var(--m-list-grid-column-xs, var(--m-list-grid-column, 1)), minmax(0, 1fr));
96
- }
97
- }
98
-
99
- @media (min-width: 576px) {
100
- .m-list__items--grid[data-grid-sm] {
101
- grid-template-columns: repeat(var(--m-list-grid-column-sm, var(--m-list-grid-column, 1)), minmax(0, 1fr));
102
- }
103
- }
104
-
105
- @media (min-width: 768px) {
106
- .m-list__items--grid[data-grid-md] {
107
- grid-template-columns: repeat(var(--m-list-grid-column-md, var(--m-list-grid-column, 1)), minmax(0, 1fr));
108
- }
109
- }
110
-
111
- @media (min-width: 992px) {
112
- .m-list__items--grid[data-grid-lg] {
113
- grid-template-columns: repeat(var(--m-list-grid-column-lg, var(--m-list-grid-column, 1)), minmax(0, 1fr));
114
- }
115
- }
116
-
117
- @media (min-width: 1200px) {
118
- .m-list__items--grid[data-grid-xl] {
119
- grid-template-columns: repeat(var(--m-list-grid-column-xl, var(--m-list-grid-column, 1)), minmax(0, 1fr));
120
- }
121
- }
122
-
123
- .m-list-item {
124
- align-items: flex-start;
125
- display: flex;
126
- gap: var(--m-list-item-gap);
127
- padding: var(--m-list-pad-y) var(--m-list-pad-x);
128
- }
129
-
130
- .m-list-item--split + .m-list-item--split {
131
- border-top: var(--m-border-width) solid var(--m-color-split);
132
- }
133
-
134
- .m-list--bordered .m-list-item--bordered {
135
- padding-inline: var(--m-list-pad-x);
136
- }
137
-
138
- .m-list-item--grid {
139
- border: var(--m-border-width) solid var(--m-color-border);
140
- border-radius: var(--m-radius-control);
141
- padding: var(--m-list-pad-y) var(--m-list-pad-x);
142
- }
143
-
144
- .m-list-item--vertical {
145
- flex-direction: column;
146
- }
147
-
148
- .m-list-item--vertical:not(.m-list-item--grid) {
149
- align-items: stretch;
150
- }
151
-
152
- .m-list-item__main {
153
- flex: 1 1 auto;
154
- min-width: 0;
155
- }
156
-
157
- .m-list-item__extra {
158
- flex-shrink: 0;
159
- margin-inline-start: auto;
160
- }
161
-
162
- .m-list-item--vertical .m-list-item__extra {
163
- margin-inline-start: 0;
164
- width: 100%;
165
- }
166
-
167
- .m-list-item__actions {
168
- align-items: center;
169
- display: flex;
170
- flex-shrink: 0;
171
- gap: 0;
172
- list-style: none;
173
- margin: 0;
174
- padding: 0;
175
- }
176
-
177
- .m-list-item__action {
178
- align-items: center;
179
- display: inline-flex;
180
- }
181
-
182
- .m-list-item__action:not(:last-child)::after {
183
- color: var(--m-color-border);
184
- content: '|';
185
- margin-inline: var(--m-space-2);
186
- }
187
-
188
- .m-list-item-meta {
189
- align-items: flex-start;
190
- display: flex;
191
- gap: var(--m-space-3);
192
- min-width: 0;
193
- width: 100%;
194
- }
195
-
196
- .m-list-item-meta__avatar {
197
- flex-shrink: 0;
198
- line-height: 0;
199
- }
200
-
201
- .m-list-item-meta__content {
202
- flex: 1 1 auto;
203
- min-width: 0;
204
- }
205
-
206
- .m-list-item-meta__title {
207
- color: var(--m-color-text);
208
- font-size: var(--m-list-meta-title-size);
209
- font-weight: 500;
210
- line-height: 1.5;
211
- margin: 0 0 var(--m-space-1);
212
- }
213
-
214
- .m-list-item-meta__description {
215
- color: var(--m-list-meta-desc-color);
216
- font-size: var(--m-list-font-size);
217
- line-height: 1.6;
218
- }
219
-
220
- .m-list__empty {
221
- padding: var(--m-space-8) var(--m-list-pad-x);
222
- }
223
-
224
- .m-list__load-more {
225
- border-top: var(--m-border-width) solid var(--m-color-split);
226
- padding: var(--m-space-3) var(--m-list-pad-x);
227
- text-align: center;
228
- }
229
-
1
+ /* --- Data display: List --- */
2
+ .m-list {
3
+ --m-list-pad-y: var(--m-space-4);
4
+ --m-list-pad-x: var(--m-space-4);
5
+ --m-list-item-gap: var(--m-space-4);
6
+ --m-list-font-size: var(--m-font-size-md);
7
+ --m-list-meta-title-size: var(--m-font-size-md);
8
+ --m-list-meta-desc-color: var(--m-color-text-muted);
9
+ --m-list-grid-gutter: var(--m-space-4);
10
+ --m-list-grid-column: 1;
11
+ --m-list-grid-column-xs: var(--m-list-grid-column);
12
+ --m-list-grid-column-sm: var(--m-list-grid-column);
13
+ --m-list-grid-column-md: var(--m-list-grid-column);
14
+ --m-list-grid-column-lg: var(--m-list-grid-column);
15
+ --m-list-grid-column-xl: var(--m-list-grid-column);
16
+ box-sizing: border-box;
17
+ color: var(--m-color-text);
18
+ font-family: var(--m-font-sans);
19
+ font-size: var(--m-list-font-size);
20
+ width: 100%;
21
+ }
22
+
23
+ .m-list--small {
24
+ --m-list-pad-y: var(--m-space-2);
25
+ --m-list-pad-x: var(--m-space-3);
26
+ --m-list-item-gap: var(--m-space-3);
27
+ --m-list-font-size: var(--m-font-size-sm);
28
+ --m-list-meta-title-size: var(--m-font-size-sm);
29
+ }
30
+
31
+ .m-list--large {
32
+ --m-list-pad-y: var(--m-space-5);
33
+ --m-list-pad-x: var(--m-space-5);
34
+ --m-list-item-gap: var(--m-space-5);
35
+ --m-list-font-size: var(--m-font-size-lg);
36
+ --m-list-meta-title-size: var(--m-font-size-lg);
37
+ }
38
+
39
+ .m-list--bordered {
40
+ border: var(--m-border-width) solid var(--m-color-border);
41
+ border-radius: var(--m-radius-control);
42
+ }
43
+
44
+ .m-list__header,
45
+ .m-list__footer {
46
+ padding: var(--m-list-pad-y) var(--m-list-pad-x);
47
+ }
48
+
49
+ .m-list__header {
50
+ border-bottom: var(--m-border-width) solid var(--m-color-split);
51
+ font-weight: 500;
52
+ }
53
+
54
+ .m-list__footer {
55
+ border-top: var(--m-border-width) solid var(--m-color-split);
56
+ color: var(--m-color-text-muted);
57
+ }
58
+
59
+ .m-list__pagination {
60
+ display: flex;
61
+ padding: var(--m-space-3) var(--m-list-pad-x);
62
+ }
63
+
64
+ .m-list__pagination--start {
65
+ justify-content: flex-start;
66
+ }
67
+
68
+ .m-list__pagination--center {
69
+ justify-content: center;
70
+ }
71
+
72
+ .m-list__pagination--end {
73
+ justify-content: flex-end;
74
+ }
75
+
76
+ .m-list__items {
77
+ list-style: none;
78
+ margin: 0;
79
+ padding: 0;
80
+ }
81
+
82
+ .m-list__items--grid {
83
+ display: grid;
84
+ gap: var(--m-list-grid-gutter);
85
+ grid-template-columns: repeat(var(--m-list-grid-column, 1), minmax(0, 1fr));
86
+ padding: var(--m-list-pad-y) var(--m-list-pad-x);
87
+ }
88
+
89
+ .m-list__items:not(.m-list__items--grid) {
90
+ padding: 0;
91
+ }
92
+
93
+ @media (min-width: 480px) {
94
+ .m-list__items--grid[data-grid-xs] {
95
+ grid-template-columns: repeat(var(--m-list-grid-column-xs, var(--m-list-grid-column, 1)), minmax(0, 1fr));
96
+ }
97
+ }
98
+
99
+ @media (min-width: 576px) {
100
+ .m-list__items--grid[data-grid-sm] {
101
+ grid-template-columns: repeat(var(--m-list-grid-column-sm, var(--m-list-grid-column, 1)), minmax(0, 1fr));
102
+ }
103
+ }
104
+
105
+ @media (min-width: 768px) {
106
+ .m-list__items--grid[data-grid-md] {
107
+ grid-template-columns: repeat(var(--m-list-grid-column-md, var(--m-list-grid-column, 1)), minmax(0, 1fr));
108
+ }
109
+ }
110
+
111
+ @media (min-width: 992px) {
112
+ .m-list__items--grid[data-grid-lg] {
113
+ grid-template-columns: repeat(var(--m-list-grid-column-lg, var(--m-list-grid-column, 1)), minmax(0, 1fr));
114
+ }
115
+ }
116
+
117
+ @media (min-width: 1200px) {
118
+ .m-list__items--grid[data-grid-xl] {
119
+ grid-template-columns: repeat(var(--m-list-grid-column-xl, var(--m-list-grid-column, 1)), minmax(0, 1fr));
120
+ }
121
+ }
122
+
123
+ .m-list-item {
124
+ align-items: flex-start;
125
+ display: flex;
126
+ gap: var(--m-list-item-gap);
127
+ padding: var(--m-list-pad-y) var(--m-list-pad-x);
128
+ }
129
+
130
+ .m-list-item--split + .m-list-item--split {
131
+ border-top: var(--m-border-width) solid var(--m-color-split);
132
+ }
133
+
134
+ .m-list--bordered .m-list-item--bordered {
135
+ padding-inline: var(--m-list-pad-x);
136
+ }
137
+
138
+ .m-list-item--grid {
139
+ border: var(--m-border-width) solid var(--m-color-border);
140
+ border-radius: var(--m-radius-control);
141
+ padding: var(--m-list-pad-y) var(--m-list-pad-x);
142
+ }
143
+
144
+ .m-list-item--vertical {
145
+ flex-direction: column;
146
+ }
147
+
148
+ .m-list-item--vertical:not(.m-list-item--grid) {
149
+ align-items: stretch;
150
+ }
151
+
152
+ .m-list-item__main {
153
+ flex: 1 1 auto;
154
+ min-width: 0;
155
+ }
156
+
157
+ .m-list-item__extra {
158
+ flex-shrink: 0;
159
+ margin-inline-start: auto;
160
+ }
161
+
162
+ .m-list-item--vertical .m-list-item__extra {
163
+ margin-inline-start: 0;
164
+ width: 100%;
165
+ }
166
+
167
+ .m-list-item__actions {
168
+ align-items: center;
169
+ display: flex;
170
+ flex-shrink: 0;
171
+ gap: 0;
172
+ list-style: none;
173
+ margin: 0;
174
+ padding: 0;
175
+ }
176
+
177
+ .m-list-item__action {
178
+ align-items: center;
179
+ display: inline-flex;
180
+ }
181
+
182
+ .m-list-item__action:not(:last-child)::after {
183
+ color: var(--m-color-border);
184
+ content: '|';
185
+ margin-inline: var(--m-space-2);
186
+ }
187
+
188
+ .m-list-item-meta {
189
+ align-items: flex-start;
190
+ display: flex;
191
+ gap: var(--m-space-3);
192
+ min-width: 0;
193
+ width: 100%;
194
+ }
195
+
196
+ .m-list-item-meta__avatar {
197
+ flex-shrink: 0;
198
+ line-height: 0;
199
+ }
200
+
201
+ .m-list-item-meta__content {
202
+ flex: 1 1 auto;
203
+ min-width: 0;
204
+ }
205
+
206
+ .m-list-item-meta__title {
207
+ color: var(--m-color-text);
208
+ font-size: var(--m-list-meta-title-size);
209
+ font-weight: 500;
210
+ line-height: 1.5;
211
+ margin: 0 0 var(--m-space-1);
212
+ }
213
+
214
+ .m-list-item-meta__description {
215
+ color: var(--m-list-meta-desc-color);
216
+ font-size: var(--m-list-font-size);
217
+ line-height: 1.6;
218
+ }
219
+
220
+ .m-list__empty {
221
+ padding: var(--m-space-8) var(--m-list-pad-x);
222
+ }
223
+
224
+ .m-list__load-more {
225
+ border-top: var(--m-border-width) solid var(--m-color-split);
226
+ padding: var(--m-space-3) var(--m-list-pad-x);
227
+ text-align: center;
228
+ }
229
+