@utrecht/component-library-css 1.0.0-alpha.467 → 1.0.0-alpha.468
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/dist/index.css +9 -0
- package/package.json +2 -2
package/dist/index.css
CHANGED
|
@@ -318,18 +318,27 @@ so do not apply these styles to an HTML `<dialog>` element without `open` attrib
|
|
|
318
318
|
* Copyright (c) 2020-2022 Frameless B.V.
|
|
319
319
|
*/
|
|
320
320
|
.utrecht-badge-counter {
|
|
321
|
+
/* Limit size to `max-content`, so the badge will not be stretched out of proportion inside a flexbox */
|
|
321
322
|
background-color: var(--utrecht-badge-counter-background-color, var(--utrecht-badge-background-color, hsl(0deg, 0%, 0%)));
|
|
322
323
|
border-radius: var(--utrecht-badge-counter-border-radius, var(--utrecht-badge-border-radius, 0.5ch));
|
|
323
324
|
color: var(--utrecht-badge-counter-color, var(--utrecht-badge-color, hsl(0deg, 0%, 100%)));
|
|
324
325
|
display: inline-block;
|
|
325
326
|
font-family: var(--utrecht-document-font-family, sans-serif);
|
|
327
|
+
font-size: var(--utrecht-badge-counter-font-size);
|
|
326
328
|
font-style: var(--utrecht-badge-counter-font-style, normal); /* no inheritance */
|
|
327
329
|
font-weight: var(--utrecht-badge-counter-font-weight, var(--utrecht-badge-font-weight, bold)); /* no inheritance */
|
|
330
|
+
line-height: 1;
|
|
331
|
+
max-block-size: max-content;
|
|
332
|
+
max-inline-size: max-content;
|
|
333
|
+
min-block-size: var(--utrecht-badge-counter-min-size, 1em);
|
|
334
|
+
min-inline-size: var(--utrecht-badge-counter-min-size, 1em);
|
|
328
335
|
padding-block-end: var(--utrecht-badge-counter-padding-block, var(--utrecht-badge-padding-block, 0.5ex));
|
|
329
336
|
padding-block-start: var(--utrecht-badge-counter-padding-block, var(--utrecht-badge-padding-block, 0.5ex));
|
|
330
337
|
padding-inline-end: var(--utrecht-badge-counter-padding-inline, var(--utrecht-badge-padding-inline, 0.5ch));
|
|
331
338
|
padding-inline-start: var(--utrecht-badge-counter-padding-inline, var(--utrecht-badge-padding-inline, 0.5ch));
|
|
339
|
+
text-align: center;
|
|
332
340
|
text-decoration: none; /* no inheritance */
|
|
341
|
+
white-space: nowrap;
|
|
333
342
|
}
|
|
334
343
|
|
|
335
344
|
/**
|
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "1.0.0-alpha.
|
|
2
|
+
"version": "1.0.0-alpha.468",
|
|
3
3
|
"author": "Community for NL Design System",
|
|
4
4
|
"description": "Component library bundle for the Municipality of Utrecht based on the NL Design System architecture",
|
|
5
5
|
"license": "EUPL-1.2",
|
|
@@ -26,5 +26,5 @@
|
|
|
26
26
|
"clean": "rimraf dist/"
|
|
27
27
|
},
|
|
28
28
|
"main": "dist/index.css",
|
|
29
|
-
"gitHead": "
|
|
29
|
+
"gitHead": "ab1198e77704372e93f7caaba6a675aefc3327a8"
|
|
30
30
|
}
|