@threadlabs/looma 0.12.2 → 0.12.3
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/components/ui-badge/ui-badge.html +5 -4
- package/dist/index.js +1 -1
- package/package.json +1 -1
- package/styles/ui-badge.css +8 -7
- package/vue/UiBadge.vue +5 -4
- package/vue/chunks/UiBadge.js +1 -1
- package/vue/components.css +20 -19
|
@@ -14,7 +14,8 @@
|
|
|
14
14
|
:host {
|
|
15
15
|
--_badge-surface: var(--ui-surface-subtle);
|
|
16
16
|
--_badge-text: var(--ui-text-secondary);
|
|
17
|
-
|
|
17
|
+
/* Every tone's edge is its fill, so it is unseen until forced colors draw it. */
|
|
18
|
+
--_badge-border: var(--ui-surface-subtle);
|
|
18
19
|
|
|
19
20
|
display: inline-flex;
|
|
20
21
|
align-items: center;
|
|
@@ -32,12 +33,12 @@
|
|
|
32
33
|
white-space: nowrap;
|
|
33
34
|
}
|
|
34
35
|
|
|
35
|
-
/* Centre the glyphs, not the line box: a label without descenders otherwise reads high. */
|
|
36
36
|
/* Centre the glyphs, not the line box: a label without descenders otherwise reads high.
|
|
37
|
-
* Trimming applies to block containers
|
|
37
|
+
* Trimming applies to block containers; an inline-block is one and, like the inline-flex it
|
|
38
|
+
* replaces, still sizes to its label rather than filling its container. */
|
|
38
39
|
@supports (text-box-trim: trim-both) {
|
|
39
40
|
:host {
|
|
40
|
-
display: block;
|
|
41
|
+
display: inline-block;
|
|
41
42
|
min-block-size: var(--ui-badge-min-block-size, 1.5rem);
|
|
42
43
|
text-align: center;
|
|
43
44
|
align-content: center;
|