@uncinq/css-components 1.20.0 → 1.22.0
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.
|
@@ -38,9 +38,9 @@
|
|
|
38
38
|
border: 0;
|
|
39
39
|
cursor: pointer;
|
|
40
40
|
display: inline-flex;
|
|
41
|
-
margin-inline-start: calc(var(--
|
|
42
|
-
padding-block: var(--
|
|
43
|
-
padding-inline: var(--
|
|
41
|
+
margin-inline-start: calc(var(--dropdown-toggle-padding-inline) * -1);
|
|
42
|
+
padding-block: var(--dropdown-toggle-padding-block);
|
|
43
|
+
padding-inline: var(--dropdown-toggle-padding-inline);
|
|
44
44
|
|
|
45
45
|
&::before {
|
|
46
46
|
content: '';
|
|
@@ -111,6 +111,7 @@
|
|
|
111
111
|
/* ── Items ───────────────────────────────────────────────────────── */
|
|
112
112
|
|
|
113
113
|
li a {
|
|
114
|
+
background-color: var(--dropdown-item-color-background);
|
|
114
115
|
border-radius: var(--dropdown-item-border-radius);
|
|
115
116
|
color: var(--dropdown-color-text);
|
|
116
117
|
font-size: var(--dropdown-item-font-size);
|
package/css/components/panel.css
CHANGED
|
@@ -61,11 +61,20 @@
|
|
|
61
61
|
/* ── Panel ─────────────────────────────────────────────────────── */
|
|
62
62
|
|
|
63
63
|
:where(.modal, .drawer) {
|
|
64
|
+
/* The panel paints its own background, so it restates the whole text
|
|
65
|
+
context a host may have set for its own (a header recolours text,
|
|
66
|
+
muted text, surtitles and links). Muted and surtitle are derived again
|
|
67
|
+
here: a value derived on an ancestor is inherited already computed, so
|
|
68
|
+
it would keep the host's colour. */
|
|
69
|
+
--color-credit: var(--color-text-muted);
|
|
64
70
|
--color-link: var(--panel-color-text);
|
|
65
71
|
--color-link-active: var(--panel-color-text-active);
|
|
66
72
|
--color-link-hover: var(--panel-color-text-hover);
|
|
73
|
+
--color-text: var(--panel-color-text);
|
|
74
|
+
--color-text-muted: oklch(from var(--color-text) l c h / var(--opacity-muted));
|
|
67
75
|
--nav-color-text: var(--color-link);
|
|
68
76
|
--nav-color-text-active: var(--color-link-active);
|
|
77
|
+
--surtitle-color-text: var(--color-text-muted);
|
|
69
78
|
|
|
70
79
|
background-color: var(--panel-color-background);
|
|
71
80
|
border: 0;
|
|
@@ -175,11 +184,15 @@
|
|
|
175
184
|
them invalid at computed-value time rather than page-valued, and every
|
|
176
185
|
link would fall back to the surrounding text colour instead of the
|
|
177
186
|
site's link colour. Keep this list in step with the panel rule above. */
|
|
187
|
+
--color-credit: inherit;
|
|
178
188
|
--color-link: inherit;
|
|
179
189
|
--color-link-active: inherit;
|
|
180
190
|
--color-link-hover: inherit;
|
|
191
|
+
--color-text: inherit;
|
|
192
|
+
--color-text-muted: inherit;
|
|
181
193
|
--nav-color-text: inherit;
|
|
182
194
|
--nav-color-text-active: inherit;
|
|
195
|
+
--surtitle-color-text: inherit;
|
|
183
196
|
|
|
184
197
|
background-color: transparent;
|
|
185
198
|
block-size: auto;
|
|
@@ -224,11 +237,15 @@
|
|
|
224
237
|
them invalid at computed-value time rather than page-valued, and every
|
|
225
238
|
link would fall back to the surrounding text colour instead of the
|
|
226
239
|
site's link colour. Keep this list in step with the panel rule above. */
|
|
240
|
+
--color-credit: inherit;
|
|
227
241
|
--color-link: inherit;
|
|
228
242
|
--color-link-active: inherit;
|
|
229
243
|
--color-link-hover: inherit;
|
|
244
|
+
--color-text: inherit;
|
|
245
|
+
--color-text-muted: inherit;
|
|
230
246
|
--nav-color-text: inherit;
|
|
231
247
|
--nav-color-text-active: inherit;
|
|
248
|
+
--surtitle-color-text: inherit;
|
|
232
249
|
|
|
233
250
|
background-color: transparent;
|
|
234
251
|
block-size: auto;
|
|
@@ -273,11 +290,15 @@
|
|
|
273
290
|
them invalid at computed-value time rather than page-valued, and every
|
|
274
291
|
link would fall back to the surrounding text colour instead of the
|
|
275
292
|
site's link colour. Keep this list in step with the panel rule above. */
|
|
293
|
+
--color-credit: inherit;
|
|
276
294
|
--color-link: inherit;
|
|
277
295
|
--color-link-active: inherit;
|
|
278
296
|
--color-link-hover: inherit;
|
|
297
|
+
--color-text: inherit;
|
|
298
|
+
--color-text-muted: inherit;
|
|
279
299
|
--nav-color-text: inherit;
|
|
280
300
|
--nav-color-text-active: inherit;
|
|
301
|
+
--surtitle-color-text: inherit;
|
|
281
302
|
|
|
282
303
|
background-color: transparent;
|
|
283
304
|
block-size: auto;
|
|
@@ -322,11 +343,15 @@
|
|
|
322
343
|
them invalid at computed-value time rather than page-valued, and every
|
|
323
344
|
link would fall back to the surrounding text colour instead of the
|
|
324
345
|
site's link colour. Keep this list in step with the panel rule above. */
|
|
346
|
+
--color-credit: inherit;
|
|
325
347
|
--color-link: inherit;
|
|
326
348
|
--color-link-active: inherit;
|
|
327
349
|
--color-link-hover: inherit;
|
|
350
|
+
--color-text: inherit;
|
|
351
|
+
--color-text-muted: inherit;
|
|
328
352
|
--nav-color-text: inherit;
|
|
329
353
|
--nav-color-text-active: inherit;
|
|
354
|
+
--surtitle-color-text: inherit;
|
|
330
355
|
|
|
331
356
|
background-color: transparent;
|
|
332
357
|
block-size: auto;
|