@compose-market/theme 0.0.92 → 0.0.93
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/css/session.css +50 -0
- package/dist/css/shell.css +336 -269
- package/dist/css/utilities.css +14 -12
- package/dist/session/styles.d.ts +1 -1
- package/dist/session/styles.d.ts.map +1 -1
- package/dist/session/styles.js +50 -0
- package/dist/session/styles.js.map +1 -1
- package/dist/shell/index.d.ts +12 -0
- package/dist/shell/index.d.ts.map +1 -1
- package/dist/shell/index.js +12 -0
- package/dist/shell/index.js.map +1 -1
- package/dist/shell/styles.d.ts +1 -1
- package/dist/shell/styles.d.ts.map +1 -1
- package/dist/shell/styles.js +336 -269
- package/dist/shell/styles.js.map +1 -1
- package/dist/utilities/styles.d.ts +1 -1
- package/dist/utilities/styles.d.ts.map +1 -1
- package/dist/utilities/styles.js +14 -12
- package/dist/utilities/styles.js.map +1 -1
- package/package.json +1 -1
package/dist/shell/styles.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/shell/styles.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/shell/styles.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAw6DvB,CAAC"}
|
|
@@ -4,5 +4,5 @@
|
|
|
4
4
|
* Cross-app CSS utilities: marquee, safe-area, touch, scrollbar, truncation.
|
|
5
5
|
* Extracted from web/src/index.css and mesh/src/styles.css.
|
|
6
6
|
*/
|
|
7
|
-
export declare const utilitiesStyles = "\n/* \u2500\u2500 Marquee \u2500\u2500 */\n@keyframes cm-marquee-scroll {\n 0% { transform: translate3d(0, 0, 0); }\n 100% { transform: translate3d(-50%, 0, 0); }\n}\n\n@keyframes cm-marquee-scroll-reverse {\n 0% { transform: translate3d(-50%, 0, 0); }\n 100% { transform: translate3d(0, 0, 0); }\n}\n\n@keyframes cm-partner-scanline {\n 0% { transform: translate3d(0, -100px, 0); }\n 100% { transform: translate3d(0, calc(100vh + 100px), 0); }\n}\n\n.cm-marquee-track,\n.marquee-track {\n animation: cm-marquee-scroll linear infinite;\n will-change: transform;\n}\n\n.cm-marquee-track-reverse,\n.marquee-track-reverse {\n animation: cm-marquee-scroll-reverse linear infinite;\n will-change: transform;\n}\n\n/* \u2500\u2500 Partner Blocks \u2500\u2500 */\n.cm-partners {\n container-type: inline-size;\n display: grid;\n gap: clamp(0.85rem, 3cqi, 1.4rem);\n width: 100%;\n min-width: 0;\n}\n\n.cm-partners__backing {\n display: grid;\n grid-template-columns: minmax(13rem, 0.75fr) minmax(0, 1.25fr);\n align-items: center;\n gap: clamp(0.8rem, 3cqi, 1.4rem);\n min-width: 0;\n}\n\n.cm-partners__copy {\n display: grid;\n gap: 0.32rem;\n min-width: 0;\n}\n\n.cm-partners__label {\n color: hsl(var(--muted-foreground) / 0.86);\n font-family: var(--font-mono), monospace;\n font-size: clamp(0.62rem, 2cqi, 0.78rem);\n font-weight: 800;\n letter-spacing: 0.14em;\n line-height: 1.1;\n text-transform: uppercase;\n}\n\n.cm-partners__title {\n color: transparent;\n background: linear-gradient(90deg, #8aebff, #dce1fb 48%, #fbabff);\n -webkit-background-clip: text;\n background-clip: text;\n font-family: var(--font-display), Orbitron, sans-serif;\n font-size: clamp(0.98rem, 4cqi, 1.45rem);\n font-weight: 850;\n letter-spacing: 0.02em;\n line-height: 0.98;\n overflow-wrap: anywhere;\n text-transform: uppercase;\n}\n\n.cm-partners__badges {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr));\n gap: clamp(0.7rem, 2.4cqi, 1rem);\n min-width: 0;\n}\n\n.cm-partner-badge {\n position: relative;\n display: grid;\n min-width: 0;\n min-height: clamp(4.35rem, 12cqi, 5.8rem);\n aspect-ratio: 2.7;\n place-items: center;\n overflow: hidden;\n border: 1px solid hsl(var(--primary) / 0.18);\n border-radius: 12px;\n background:\n linear-gradient(145deg, hsl(226 21% 23% / 0.5), hsl(221 50% 9% / 0.52)),\n radial-gradient(ellipse at 50% 0%, hsl(var(--primary) / 0.2), transparent 62%),\n radial-gradient(ellipse at 100% 100%, hsl(var(--accent) / 0.16), transparent 58%);\n box-shadow:\n inset 0 1px 0 hsl(0 0% 100% / 0.1),\n inset 0 -1px 0 hsl(var(--primary) / 0.1),\n 0 0 28px hsl(var(--primary) / 0.08),\n 0 0 48px hsl(var(--accent) / 0.04);\n padding: clamp(0.
|
|
7
|
+
export declare const utilitiesStyles = "\n/* \u2500\u2500 Marquee \u2500\u2500 */\n@keyframes cm-marquee-scroll {\n 0% { transform: translate3d(0, 0, 0); }\n 100% { transform: translate3d(-50%, 0, 0); }\n}\n\n@keyframes cm-marquee-scroll-reverse {\n 0% { transform: translate3d(-50%, 0, 0); }\n 100% { transform: translate3d(0, 0, 0); }\n}\n\n@keyframes cm-partner-scanline {\n 0% { transform: translate3d(0, -100px, 0); }\n 100% { transform: translate3d(0, calc(100vh + 100px), 0); }\n}\n\n.cm-marquee-track,\n.marquee-track {\n animation: cm-marquee-scroll linear infinite;\n will-change: transform;\n}\n\n.cm-marquee-track-reverse,\n.marquee-track-reverse {\n animation: cm-marquee-scroll-reverse linear infinite;\n will-change: transform;\n}\n\n/* \u2500\u2500 Partner Blocks \u2500\u2500 */\n.cm-partners {\n container-type: inline-size;\n display: grid;\n gap: clamp(0.85rem, 3cqi, 1.4rem);\n width: 100%;\n min-width: 0;\n}\n\n.cm-partners__backing {\n display: grid;\n grid-template-columns: minmax(13rem, 0.75fr) minmax(0, 1.25fr);\n align-items: center;\n gap: clamp(0.8rem, 3cqi, 1.4rem);\n min-width: 0;\n}\n\n.cm-partners__copy {\n display: grid;\n gap: 0.32rem;\n min-width: 0;\n}\n\n.cm-partners__label {\n color: hsl(var(--muted-foreground) / 0.86);\n font-family: var(--font-mono), monospace;\n font-size: clamp(0.62rem, 2cqi, 0.78rem);\n font-weight: 800;\n letter-spacing: 0.14em;\n line-height: 1.1;\n text-transform: uppercase;\n}\n\n.cm-partners__title {\n color: transparent;\n background: linear-gradient(90deg, #8aebff, #dce1fb 48%, #fbabff);\n -webkit-background-clip: text;\n background-clip: text;\n font-family: var(--font-display), Orbitron, sans-serif;\n font-size: clamp(0.98rem, 4cqi, 1.45rem);\n font-weight: 850;\n letter-spacing: 0.02em;\n line-height: 0.98;\n overflow-wrap: anywhere;\n text-transform: uppercase;\n}\n\n.cm-partners__badges {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr));\n gap: clamp(0.7rem, 2.4cqi, 1rem);\n min-width: 0;\n}\n\n.cm-partner-badge {\n position: relative;\n display: grid;\n min-width: 0;\n min-height: clamp(4.35rem, 12cqi, 5.8rem);\n aspect-ratio: 2.7;\n place-items: center;\n overflow: hidden;\n border: 1px solid hsl(var(--primary) / 0.18);\n border-radius: 12px;\n background:\n linear-gradient(145deg, hsl(226 21% 23% / 0.5), hsl(221 50% 9% / 0.52)),\n radial-gradient(ellipse at 50% 0%, hsl(var(--primary) / 0.2), transparent 62%),\n radial-gradient(ellipse at 100% 100%, hsl(var(--accent) / 0.16), transparent 58%);\n box-shadow:\n inset 0 1px 0 hsl(0 0% 100% / 0.1),\n inset 0 -1px 0 hsl(var(--primary) / 0.1),\n 0 0 28px hsl(var(--primary) / 0.08),\n 0 0 48px hsl(var(--accent) / 0.04);\n padding: clamp(0.24rem, 0.85cqi, 0.46rem);\n backdrop-filter: blur(16px) saturate(1.18);\n transition:\n transform 180ms ease,\n border-color 220ms ease,\n box-shadow 220ms ease;\n}\n\n.cm-partner-badge::before {\n content: \"\";\n position: absolute;\n inset: -1px;\n pointer-events: none;\n background:\n linear-gradient(135deg, hsl(var(--primary) / 0.2), transparent 48%),\n linear-gradient(315deg, hsl(var(--accent) / 0.18), transparent 52%);\n opacity: 0.72;\n}\n\n.cm-partner-badge::after {\n content: \"\";\n position: absolute;\n inset-inline: 0;\n top: -100px;\n height: 100px;\n pointer-events: none;\n background: linear-gradient(180deg, transparent, hsl(0 0% 100% / 0.055), transparent);\n opacity: 0.75;\n animation: cm-partner-scanline 4s linear infinite;\n will-change: transform;\n}\n\n.cm-partner-badge[data-tone=\"green\"] {\n border-color: hsl(142 71% 45% / 0.34);\n box-shadow:\n inset 0 1px 0 hsl(0 0% 100% / 0.07),\n 0 0 36px hsl(142 71% 45% / 0.08);\n}\n\n.cm-partner-badge[data-tone=\"blue\"] {\n border-color: hsl(217 91% 60% / 0.34);\n box-shadow:\n inset 0 1px 0 hsl(0 0% 100% / 0.07),\n 0 0 36px hsl(217 91% 60% / 0.08);\n}\n\n.cm-partner-badge[data-tone=\"purple\"],\n.cm-partner-badge[data-tone=\"violet\"] {\n border-color: hsl(var(--accent) / 0.34);\n box-shadow:\n inset 0 1px 0 hsl(0 0% 100% / 0.07),\n 0 0 36px hsl(var(--accent) / 0.08);\n}\n\n.cm-partner-badge:hover,\n.cm-partner-badge:focus-visible {\n transform: translateY(-1px);\n border-color: hsl(var(--primary) / 0.5);\n outline: none;\n box-shadow:\n inset 0 1px 0 hsl(0 0% 100% / 0.08),\n 0 0 28px hsl(var(--primary) / 0.14);\n}\n\n.cm-partner-badge img {\n position: relative;\n z-index: 1;\n width: 100%;\n height: 100%;\n object-fit: contain;\n}\n\n.cm-partner-marquee {\n position: relative;\n display: grid;\n gap: clamp(0.58rem, 1.8cqi, 0.85rem);\n width: 100%;\n min-width: 0;\n overflow: hidden;\n}\n\n.cm-partner-marquee__row,\n.partners-marquee__row {\n display: flex;\n width: max-content;\n min-width: 100%;\n}\n\n.cm-partner-marquee__inner,\n.partners-marquee__inner {\n display: flex;\n gap: clamp(0.58rem, 1.8cqi, 0.85rem);\n}\n\n.cm-partner-marquee::before,\n.cm-partner-marquee::after {\n content: \"\";\n position: absolute;\n inset-block: 0;\n z-index: 2;\n width: clamp(2rem, 8cqi, 5rem);\n pointer-events: none;\n}\n\n.cm-partner-marquee::before {\n left: 0;\n background: linear-gradient(90deg, hsl(var(--background) / 0.9), transparent);\n}\n\n.cm-partner-marquee::after {\n right: 0;\n background: linear-gradient(270deg, hsl(var(--background) / 0.9), transparent);\n}\n\n.cm-partner-marquee:hover .cm-marquee-track,\n.cm-partner-marquee:hover .cm-marquee-track-reverse,\n.cm-partner-marquee:focus-within .cm-marquee-track,\n.cm-partner-marquee:focus-within .cm-marquee-track-reverse {\n animation-play-state: paused;\n}\n\n.cm-partner-logo {\n --cm-partner-logo-filter: grayscale(1) saturate(0.72) brightness(0.78) contrast(0.96) drop-shadow(0 0 0 hsl(var(--primary) / 0));\n --cm-partner-logo-opacity: 0.72;\n display: grid;\n height: clamp(2.45rem, 7cqi, 3rem);\n min-width: clamp(6.4rem, 18cqi, 8.7rem);\n place-items: center;\n flex: 0 0 auto;\n border: 1px solid hsl(var(--primary) / 0.12);\n border-radius: 10px;\n background:\n radial-gradient(circle at 18% 0%, hsl(var(--primary) / 0.06), transparent 42%),\n radial-gradient(circle at 100% 100%, hsl(var(--accent) / 0.055), transparent 48%),\n hsl(240 38% 3% / 0.78);\n padding-inline: clamp(0.8rem, 2.6cqi, 1.15rem);\n box-shadow:\n inset 0 1px 0 hsl(0 0% 100% / 0.035),\n inset 0 0 18px hsl(var(--primary) / 0.025);\n transition:\n transform 180ms ease,\n border-color 220ms ease,\n background-color 220ms ease,\n box-shadow 220ms ease;\n}\n\n.cm-partner-logo:hover {\n --cm-partner-logo-filter: grayscale(0) saturate(1.08) brightness(1.08) contrast(1.02) drop-shadow(0 0 9px hsl(var(--primary) / 0.16));\n --cm-partner-logo-opacity: 1;\n transform: translateY(-1px);\n border-color: hsl(var(--primary) / 0.46);\n background:\n radial-gradient(circle at 16% 0%, hsl(var(--primary) / 0.13), transparent 44%),\n radial-gradient(circle at 100% 100%, hsl(var(--accent) / 0.12), transparent 52%),\n hsl(221 50% 7% / 0.86);\n box-shadow:\n 0 0 16px hsl(var(--primary) / 0.1),\n 0 0 24px hsl(var(--accent) / 0.07),\n inset 0 0 20px hsl(var(--primary) / 0.04);\n}\n\n.cm-partner-logo img {\n width: min(6.25rem, 78%);\n height: clamp(0.85rem, 3cqi, 1.25rem);\n object-fit: contain;\n mix-blend-mode: screen;\n filter: var(--cm-partner-logo-filter);\n opacity: var(--cm-partner-logo-opacity);\n transition: none;\n}\n\n.cm-partner-logo:hover img {\n filter: var(--cm-partner-logo-filter);\n opacity: var(--cm-partner-logo-opacity);\n}\n\n@container (max-width: 42rem) {\n .cm-partners__backing {\n grid-template-columns: 1fr;\n }\n}\n\n@container (max-width: 24rem) {\n .cm-partners__badges {\n grid-template-columns: 1fr;\n }\n}\n\n/* \u2500\u2500 Safe Area \u2500\u2500 */\n.cm-safe-area-top { padding-top: env(safe-area-inset-top); }\n.cm-safe-area-bottom { padding-bottom: env(safe-area-inset-bottom); }\n.cm-safe-area-left { padding-left: env(safe-area-inset-left); }\n.cm-safe-area-right { padding-right: env(safe-area-inset-right); }\n\n.cm-safe-area-x {\n padding-left: env(safe-area-inset-left);\n padding-right: env(safe-area-inset-right);\n}\n\n.cm-safe-area-y {\n padding-top: env(safe-area-inset-top);\n padding-bottom: env(safe-area-inset-bottom);\n}\n\n/* \u2500\u2500 Touch \u2500\u2500 */\n.cm-touch-manipulation {\n touch-action: manipulation;\n}\n\n.cm-no-select {\n -webkit-user-select: none;\n user-select: none;\n}\n\n/* \u2500\u2500 Scrollbar Hide \u2500\u2500 */\n.cm-scrollbar-hide {\n -ms-overflow-style: none;\n scrollbar-width: none;\n}\n\n.cm-scrollbar-hide::-webkit-scrollbar {\n display: none;\n}\n\n/* \u2500\u2500 Text Truncation \u2500\u2500 */\n.cm-text-truncate {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 100%;\n}\n\n/* \u2500\u2500 Touch Targets (mobile \u2264 768px) \u2500\u2500 */\n@media (max-width: 768px) {\n .cm-touch-target {\n min-height: 44px;\n min-width: 44px;\n }\n}\n\n/* \u2500\u2500 Mobile Scrollbar (thinner for \u2264 768px) \u2500\u2500 */\n@media (max-width: 768px) {\n .cm-thin-scrollbar::-webkit-scrollbar {\n width: 4px;\n height: 4px;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .cm-marquee-track,\n .marquee-track,\n .cm-marquee-track-reverse,\n .marquee-track-reverse,\n .cm-partner-badge::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n }\n\n .cm-partner-logo,\n .cm-partner-badge,\n .cm-partner-logo img {\n transition-duration: 0.01ms !important;\n }\n}\n";
|
|
8
8
|
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/utilities/styles.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,eAAO,MAAM,eAAe,
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/utilities/styles.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,eAAO,MAAM,eAAe,q9SA8W3B,CAAC"}
|
package/dist/utilities/styles.js
CHANGED
|
@@ -106,7 +106,7 @@ export const utilitiesStyles = /* css */ `
|
|
|
106
106
|
inset 0 -1px 0 hsl(var(--primary) / 0.1),
|
|
107
107
|
0 0 28px hsl(var(--primary) / 0.08),
|
|
108
108
|
0 0 48px hsl(var(--accent) / 0.04);
|
|
109
|
-
padding: clamp(0.
|
|
109
|
+
padding: clamp(0.24rem, 0.85cqi, 0.46rem);
|
|
110
110
|
backdrop-filter: blur(16px) saturate(1.18);
|
|
111
111
|
transition:
|
|
112
112
|
transform 180ms ease,
|
|
@@ -173,10 +173,8 @@ export const utilitiesStyles = /* css */ `
|
|
|
173
173
|
.cm-partner-badge img {
|
|
174
174
|
position: relative;
|
|
175
175
|
z-index: 1;
|
|
176
|
-
width:
|
|
177
|
-
|
|
178
|
-
height: auto;
|
|
179
|
-
max-height: 76%;
|
|
176
|
+
width: 100%;
|
|
177
|
+
height: 100%;
|
|
180
178
|
object-fit: contain;
|
|
181
179
|
}
|
|
182
180
|
|
|
@@ -230,6 +228,8 @@ export const utilitiesStyles = /* css */ `
|
|
|
230
228
|
}
|
|
231
229
|
|
|
232
230
|
.cm-partner-logo {
|
|
231
|
+
--cm-partner-logo-filter: grayscale(1) saturate(0.72) brightness(0.78) contrast(0.96) drop-shadow(0 0 0 hsl(var(--primary) / 0));
|
|
232
|
+
--cm-partner-logo-opacity: 0.72;
|
|
233
233
|
display: grid;
|
|
234
234
|
height: clamp(2.45rem, 7cqi, 3rem);
|
|
235
235
|
min-width: clamp(6.4rem, 18cqi, 8.7rem);
|
|
@@ -253,6 +253,8 @@ export const utilitiesStyles = /* css */ `
|
|
|
253
253
|
}
|
|
254
254
|
|
|
255
255
|
.cm-partner-logo:hover {
|
|
256
|
+
--cm-partner-logo-filter: grayscale(0) saturate(1.08) brightness(1.08) contrast(1.02) drop-shadow(0 0 9px hsl(var(--primary) / 0.16));
|
|
257
|
+
--cm-partner-logo-opacity: 1;
|
|
256
258
|
transform: translateY(-1px);
|
|
257
259
|
border-color: hsl(var(--primary) / 0.46);
|
|
258
260
|
background:
|
|
@@ -266,18 +268,18 @@ export const utilitiesStyles = /* css */ `
|
|
|
266
268
|
}
|
|
267
269
|
|
|
268
270
|
.cm-partner-logo img {
|
|
269
|
-
width:
|
|
270
|
-
max-width: 6.25rem;
|
|
271
|
+
width: min(6.25rem, 78%);
|
|
271
272
|
height: clamp(0.85rem, 3cqi, 1.25rem);
|
|
272
273
|
object-fit: contain;
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
274
|
+
mix-blend-mode: screen;
|
|
275
|
+
filter: var(--cm-partner-logo-filter);
|
|
276
|
+
opacity: var(--cm-partner-logo-opacity);
|
|
277
|
+
transition: none;
|
|
276
278
|
}
|
|
277
279
|
|
|
278
280
|
.cm-partner-logo:hover img {
|
|
279
|
-
filter:
|
|
280
|
-
opacity:
|
|
281
|
+
filter: var(--cm-partner-logo-filter);
|
|
282
|
+
opacity: var(--cm-partner-logo-opacity);
|
|
281
283
|
}
|
|
282
284
|
|
|
283
285
|
@container (max-width: 42rem) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/utilities/styles.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,SAAS,CAAC
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/utilities/styles.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8WxC,CAAC"}
|