@caqophony/ui 0.2.0 → 0.3.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/index.d.mts +285 -19
- package/dist/index.js +1618 -949
- package/package.json +1 -1
- package/styles.css +43 -0
package/package.json
CHANGED
package/styles.css
CHANGED
|
@@ -198,6 +198,11 @@
|
|
|
198
198
|
--container-content-md: 48rem;
|
|
199
199
|
--container-content-lg: 64rem;
|
|
200
200
|
--container-content-xl: 75rem;
|
|
201
|
+
--animate-progress-indeterminate: progress-indeterminate 1.6s ease-in-out infinite;
|
|
202
|
+
@keyframes progress-indeterminate {
|
|
203
|
+
0% { transform: translateX(-100%); }
|
|
204
|
+
100% { transform: translateX(250%); }
|
|
205
|
+
}
|
|
201
206
|
}
|
|
202
207
|
|
|
203
208
|
@theme inline reference {
|
|
@@ -254,3 +259,41 @@
|
|
|
254
259
|
@utility duration-drawer {
|
|
255
260
|
transition-duration: var(--duration-drawer);
|
|
256
261
|
}
|
|
262
|
+
|
|
263
|
+
[data-page-surface='marketing'] {
|
|
264
|
+
--page-bg: var(--background);
|
|
265
|
+
--section-band: color-mix(in srgb, hsl(var(--foreground)) 8%, hsl(var(--background)));
|
|
266
|
+
background-color: hsl(var(--background));
|
|
267
|
+
}
|
|
268
|
+
[data-page-surface='marketing'] section:not([data-page-surface='marketing'] section section):is(.bg-page-bg, .bg-muted, .bg-background, .bg-card, :not([class*='bg-'])):nth-of-type(odd) {
|
|
269
|
+
background-color: hsl(var(--background));
|
|
270
|
+
}
|
|
271
|
+
[data-page-surface='marketing'] section:not([data-page-surface='marketing'] section section):is(.bg-page-bg, .bg-muted, .bg-background, .bg-card, :not([class*='bg-'])):nth-of-type(even) {
|
|
272
|
+
background-color: var(--section-band);
|
|
273
|
+
}
|
|
274
|
+
[data-page-surface='marketing'] h1 {
|
|
275
|
+
font-size: clamp(2.25rem, 1.35rem + 3.8vw, 3.25rem);
|
|
276
|
+
line-height: 1.08;
|
|
277
|
+
font-weight: 700;
|
|
278
|
+
letter-spacing: -0.025em;
|
|
279
|
+
text-wrap: balance;
|
|
280
|
+
}
|
|
281
|
+
[data-page-surface='marketing'] h1 + p {
|
|
282
|
+
font-size: clamp(1rem, 0.95rem + 0.4vw, 1.25rem);
|
|
283
|
+
line-height: 1.6;
|
|
284
|
+
margin-top: 0.75rem;
|
|
285
|
+
}
|
|
286
|
+
[data-page-surface='marketing'] h2 {
|
|
287
|
+
font-size: clamp(1.75rem, 1.5rem + 1vw, 2.25rem);
|
|
288
|
+
line-height: 1.15;
|
|
289
|
+
font-weight: 700;
|
|
290
|
+
letter-spacing: -0.02em;
|
|
291
|
+
text-wrap: balance;
|
|
292
|
+
}
|
|
293
|
+
[data-page-surface='marketing'] header:has(> div > h1) {
|
|
294
|
+
display: block;
|
|
295
|
+
}
|
|
296
|
+
[data-page-surface='marketing'] header:has(> div > h1) > div + div {
|
|
297
|
+
display: inline-flex;
|
|
298
|
+
margin-top: 2rem;
|
|
299
|
+
}
|