@patimweb/crtstyleguide 1.0.8 → 1.0.9
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/lib/index.js +12 -8
- package/package.json +1 -1
package/dist/lib/index.js
CHANGED
|
@@ -5472,15 +5472,16 @@ q.styles = l`
|
|
|
5472
5472
|
display: flex;
|
|
5473
5473
|
justify-content: space-between;
|
|
5474
5474
|
align-items: flex-end;
|
|
5475
|
-
height
|
|
5476
|
-
|
|
5477
|
-
gap:
|
|
5475
|
+
/* give a concrete height so percent heights on bars resolve reliably */
|
|
5476
|
+
height: 160px;
|
|
5477
|
+
gap: 6px;
|
|
5478
5478
|
border: 2px solid var(--crt-primary);
|
|
5479
5479
|
padding: var(--crt-spacing-md);
|
|
5480
5480
|
position: relative;
|
|
5481
5481
|
background: var(--crt-bg-darker);
|
|
5482
5482
|
box-shadow: var(--crt-glow-inset);
|
|
5483
5483
|
box-sizing: border-box;
|
|
5484
|
+
overflow: hidden;
|
|
5484
5485
|
}
|
|
5485
5486
|
|
|
5486
5487
|
.label {
|
|
@@ -5518,11 +5519,14 @@ q.styles = l`
|
|
|
5518
5519
|
}
|
|
5519
5520
|
|
|
5520
5521
|
.bar {
|
|
5521
|
-
flex: 1;
|
|
5522
|
-
|
|
5523
|
-
|
|
5524
|
-
|
|
5525
|
-
|
|
5522
|
+
flex: 1 1 auto;
|
|
5523
|
+
align-self: flex-end;
|
|
5524
|
+
min-width: 6px;
|
|
5525
|
+
background: linear-gradient(180deg, color-mix(in srgb, var(--crt-primary) 80%, white 20%), var(--crt-primary));
|
|
5526
|
+
box-shadow: 0 0 8px color-mix(in srgb, var(--crt-primary) 40%, transparent);
|
|
5527
|
+
transition: height 0.05s ease, background 0.2s ease;
|
|
5528
|
+
will-change: height;
|
|
5529
|
+
border-radius: 2px 2px 0 0;
|
|
5526
5530
|
}
|
|
5527
5531
|
|
|
5528
5532
|
.bar.active {
|