contain-css-svelte 1.1.16 → 1.1.18
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.
|
@@ -846,7 +846,7 @@ button {
|
|
|
846
846
|
border-bottom: var(--search-hint-border-bottom, var(--tag-border-bottom, var(--border-bottom, var(--search-hint-border, var(--tag-border, var(--border, none))))));
|
|
847
847
|
border-left: var(--search-hint-border-left, var(--tag-border-left, var(--border-left, var(--search-hint-border, var(--tag-border, var(--border, none))))));
|
|
848
848
|
border-radius: var(--search-hint-border-radius, var(--tag-border-radius, var(--border-radius, none)));
|
|
849
|
-
font-size: var(--search-hint-font-size, var(--font-size-tiny, 0.
|
|
849
|
+
font-size: var(--search-hint-font-size, var(--font-size-tiny, 0.75rem));
|
|
850
850
|
padding: var(--search-hint-padding, 0.2em 0.55em);
|
|
851
851
|
font-variant-numeric: tabular-nums;
|
|
852
852
|
white-space: nowrap;
|
|
@@ -577,7 +577,7 @@ function handleKeydown(event) {
|
|
|
577
577
|
.main :global(h4 + p),
|
|
578
578
|
.main :global(h5 + p),
|
|
579
579
|
.main :global(h6 + p) {
|
|
580
|
-
font-size: var(--data-list-item-paragraph-font-size, var(--data-list-paragraph-font-size, var(--paragraph-font-size, var(--data-list-item-body-font-size, var(--data-list-body-font-size, var(--body-font-size, var(--font-size-small, 0.
|
|
580
|
+
font-size: var(--data-list-item-paragraph-font-size, var(--data-list-paragraph-font-size, var(--paragraph-font-size, var(--data-list-item-body-font-size, var(--data-list-body-font-size, var(--body-font-size, var(--font-size-small, 0.9rem)))))));
|
|
581
581
|
line-height: var(--data-list-item-paragraph-line-height, var(--data-list-paragraph-line-height, var(--paragraph-line-height, var(--data-list-item-body-line-height, var(--data-list-body-line-height, var(--body-line-height, 1.35))))));
|
|
582
582
|
opacity: var(--data-list-item-body-opacity, var(--data-list-body-opacity, var(--body-opacity, 0.9)));
|
|
583
583
|
}
|
package/dist/misc/Tag.svelte
CHANGED
|
@@ -38,6 +38,8 @@ let style = $derived(injectVars(restProps, "tag", [
|
|
|
38
38
|
/* Convenience groupings */
|
|
39
39
|
.tag {
|
|
40
40
|
display: inline-block;
|
|
41
|
+
align-self: flex-start;
|
|
42
|
+
vertical-align: middle;
|
|
41
43
|
--link-bg: var(--tag-link-bg, var(--secondary-link-bg, inherit));
|
|
42
44
|
--link-fg: var(--tag-link-fg, var(--secondary-link-fg, inherit));
|
|
43
45
|
--_bg-mix-color: var(--tag-bg-mix-color, var(--secondary-bg-mix-color, var(--bg-mix-color, transparent)));
|
|
@@ -145,7 +147,7 @@ let style = $derived(injectVars(restProps, "tag", [
|
|
|
145
147
|
border-bottom: var(--tag-border-bottom, var(--border-bottom, var(--tag-border, var(--border, none))));
|
|
146
148
|
border-left: var(--tag-border-left, var(--border-left, var(--tag-border, var(--border, none))));
|
|
147
149
|
border-radius: var(--tag-border-radius, var(--border-radius, none));
|
|
148
|
-
font-size: var(--tag-font-size, var(--font-size-tiny, 0.
|
|
150
|
+
font-size: var(--tag-font-size, var(--font-size-tiny, 0.75rem));
|
|
149
151
|
padding: var(--tag-padding, 0.2em 0.55em);
|
|
150
152
|
margin-inline-start: var(--space);
|
|
151
153
|
margin-inline-end: var(--space);
|
package/dist/vars/defaults.css
CHANGED
|
@@ -1,10 +1,15 @@
|
|
|
1
1
|
:root {
|
|
2
2
|
--font-size: 16px;
|
|
3
|
-
/*
|
|
4
|
-
(see responsive-typography.css
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
3
|
+
/* rem, not em: these should track --font-size at each responsive breakpoint
|
|
4
|
+
(see responsive-typography.css, which keeps the root element's font-size
|
|
5
|
+
equal to --font-size) but stay a fixed, predictable size regardless of
|
|
6
|
+
what font-size a component happens to be nested inside -- a Tag dropped
|
|
7
|
+
into a heading shouldn't inherit the heading's scale just because em
|
|
8
|
+
resolves against the nearest ancestor's computed font-size. A component
|
|
9
|
+
that wants deliberate local-context scaling (like Card) opts in
|
|
10
|
+
explicitly via its own private --_font-size, not these tokens. */
|
|
11
|
+
--font-size-tiny: 0.75rem;
|
|
12
|
+
--font-size-small: 0.9rem;
|
|
8
13
|
--heading-font-size: revert;
|
|
9
14
|
--text-font-size: 1.2rem;
|
|
10
15
|
--font-family: sans-serif;
|
package/dist/vars/typography.css
CHANGED
|
@@ -1,10 +1,15 @@
|
|
|
1
1
|
:root {
|
|
2
2
|
--font-size: 16px;
|
|
3
|
-
/*
|
|
4
|
-
(see responsive-typography.css
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
3
|
+
/* rem, not em: these should track --font-size at each responsive breakpoint
|
|
4
|
+
(see responsive-typography.css, which keeps the root element's font-size
|
|
5
|
+
equal to --font-size) but stay a fixed, predictable size regardless of
|
|
6
|
+
what font-size a component happens to be nested inside -- a Tag dropped
|
|
7
|
+
into a heading shouldn't inherit the heading's scale just because em
|
|
8
|
+
resolves against the nearest ancestor's computed font-size. A component
|
|
9
|
+
that wants deliberate local-context scaling (like Card) opts in
|
|
10
|
+
explicitly via its own private --_font-size, not these tokens. */
|
|
11
|
+
--font-size-tiny: 0.75rem;
|
|
12
|
+
--font-size-small: 0.9rem;
|
|
8
13
|
--heading-font-size: revert;
|
|
9
14
|
--text-font-size: 1.2rem;
|
|
10
15
|
--font-family: sans-serif;
|