@orangecheck/design 0.28.0 → 0.28.1
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/styles/sigil.css +18 -13
- package/package.json +1 -1
package/dist/styles/sigil.css
CHANGED
|
@@ -78,31 +78,36 @@
|
|
|
78
78
|
width: 100%;
|
|
79
79
|
height: 100%;
|
|
80
80
|
}
|
|
81
|
-
/* opaque
|
|
82
|
-
the
|
|
81
|
+
/* opaque relief ramp — the back layers are the extrusion wall dissolving into
|
|
82
|
+
the page background; the FRONT FACE (layer-5) is a defined --primary
|
|
83
|
+
silhouette so the mark reads even where it sits over a same-hue aurora bloom
|
|
84
|
+
(the ember-first minimum-visibility floor). The ramp endpoints ARE the
|
|
85
|
+
compiled-in visibility floor + contrast ceiling; because the layers are
|
|
86
|
+
opaque, the front face occludes the aurora within the glyph rather than
|
|
87
|
+
tinting through it, and only the perspective-spread bevel behind it fades. */
|
|
83
88
|
.oc-sigil__layer-0 {
|
|
84
89
|
transform: translateZ(0px);
|
|
85
|
-
color: color-mix(in oklab, var(--primary), var(--background)
|
|
90
|
+
color: color-mix(in oklab, var(--primary), var(--background) 92%);
|
|
86
91
|
}
|
|
87
92
|
.oc-sigil__layer-1 {
|
|
88
|
-
transform: translateZ(
|
|
89
|
-
color: color-mix(in oklab, var(--primary), var(--background)
|
|
93
|
+
transform: translateZ(4px);
|
|
94
|
+
color: color-mix(in oklab, var(--primary), var(--background) 84%);
|
|
90
95
|
}
|
|
91
96
|
.oc-sigil__layer-2 {
|
|
92
|
-
transform: translateZ(
|
|
93
|
-
color: color-mix(in oklab, var(--primary), var(--background)
|
|
97
|
+
transform: translateZ(8px);
|
|
98
|
+
color: color-mix(in oklab, var(--primary), var(--background) 72%);
|
|
94
99
|
}
|
|
95
100
|
.oc-sigil__layer-3 {
|
|
96
|
-
transform: translateZ(
|
|
97
|
-
color: color-mix(in oklab, var(--primary), var(--background)
|
|
101
|
+
transform: translateZ(12px);
|
|
102
|
+
color: color-mix(in oklab, var(--primary), var(--background) 56%);
|
|
98
103
|
}
|
|
99
104
|
.oc-sigil__layer-4 {
|
|
100
|
-
transform: translateZ(
|
|
101
|
-
color: color-mix(in oklab, var(--primary), var(--background)
|
|
105
|
+
transform: translateZ(16px);
|
|
106
|
+
color: color-mix(in oklab, var(--primary), var(--background) 40%);
|
|
102
107
|
}
|
|
103
108
|
.oc-sigil__layer-5 {
|
|
104
|
-
transform: translateZ(
|
|
105
|
-
color: color-mix(in oklab, var(--primary), var(--background)
|
|
109
|
+
transform: translateZ(20px);
|
|
110
|
+
color: color-mix(in oklab, var(--primary), var(--background) 22%);
|
|
106
111
|
}
|
|
107
112
|
|
|
108
113
|
/* register switch — filled letterpress under ember (the bare-root default),
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@orangecheck/design",
|
|
3
|
-
"version": "0.28.
|
|
3
|
+
"version": "0.28.1",
|
|
4
4
|
"description": "OrangeCheck design system — multi-theme tokens, primitives, and family composites for the .ochk.io sub-sites. Tailwind 4 + Next.js Pages Router. Not for third-party integration.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"orangecheck",
|