@zambon-dev/library 3.0.0 → 3.1.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.
- package/CHANGELOG.md +21 -1
- package/fesm2022/zambon-dev-library.mjs +20 -20
- package/fesm2022/zambon-dev-library.mjs.map +1 -1
- package/package.json +1 -1
- package/styles/variables.scss +29 -0
package/package.json
CHANGED
package/styles/variables.scss
CHANGED
|
@@ -28,4 +28,33 @@
|
|
|
28
28
|
/* Radii (rounded restyle) */
|
|
29
29
|
--sidebar-radius: 1.25rem;
|
|
30
30
|
--sidebar-item-radius: 10px;
|
|
31
|
+
|
|
32
|
+
/* Tabs — a light glass card the views live in. The sidebar's glass is brand-tinted
|
|
33
|
+
and dark; this one is white-tinted, because the panel holds forms and grids that
|
|
34
|
+
need dark-on-light contrast. Same language (blur, radius, shadow), different hue. */
|
|
35
|
+
--tabs-item-bg: color-mix(in srgb, white 45%, transparent);
|
|
36
|
+
--tabs-item-hover-bg: color-mix(in srgb, white 70%, transparent);
|
|
37
|
+
--tabs-item-active-bg: color-mix(in srgb, white 88%, transparent);
|
|
38
|
+
--tabs-item-text: theme('colors.gray.600');
|
|
39
|
+
--tabs-item-active-text: theme('colors.gray.900');
|
|
40
|
+
--tabs-content-bg: color-mix(in srgb, white 88%, transparent);
|
|
41
|
+
--tabs-border: color-mix(in srgb, white 60%, transparent);
|
|
42
|
+
--tabs-close: theme('colors.gray.400');
|
|
43
|
+
--tabs-close-hover-bg: color-mix(in srgb, theme('colors.gray.900') 10%, transparent);
|
|
44
|
+
--tabs-close-hover: theme('colors.gray.700');
|
|
45
|
+
|
|
46
|
+
/* Glass — softer than the sidebar's, which floats over the backdrop rather than content. */
|
|
47
|
+
--tabs-blur: 16px;
|
|
48
|
+
--tabs-shadow: 0 10px 40px -12px rgba(0, 0, 0, 0.25);
|
|
49
|
+
|
|
50
|
+
/* Radii & dimensions */
|
|
51
|
+
--tabs-radius: 1.25rem;
|
|
52
|
+
--tabs-item-radius: 10px;
|
|
53
|
+
--tabs-height: 2.75rem;
|
|
54
|
+
--tabs-item-max-width: 14rem;
|
|
55
|
+
/* Tabs compress to this before the strip starts scrolling -- still wide enough for a few
|
|
56
|
+
characters plus the close button, so a compressed tab is identifiable rather than a stub. */
|
|
57
|
+
--tabs-item-min-width: 7rem;
|
|
58
|
+
--tabs-scroll-width: 1.75rem;
|
|
59
|
+
--tabs-fade-width: 1.5rem;
|
|
31
60
|
}
|