feat: surface layout previews and refresh example imagery

This commit is contained in:
Friday authored and Nuno C. committed 2026-08-17 20:19:02 +01:00
1 parent e62da9e2d1
commit d862e6f789
12 files changed
+99 -44

No files matched your search

+37
View File
@@ -13,6 +13,7 @@
--container-2xs: 18rem;
--container-md: 28rem;
--container-xl: 36rem;
--container-2xl: 42rem;
--container-3xl: 48rem;
--container-4xl: 56rem;
--container-7xl: 80rem;
@@ -1470,6 +1471,9 @@
.w-screen {
width: 100vw;
}
.max-w-2xl {
max-width: var(--container-2xl);
}
.max-w-3xl {
max-width: var(--container-3xl);
}
@@ -1896,6 +1900,9 @@
.border-primary-500 {
border-color: rgba(var(--color-primary-500), 1);
}
.border-primary-600 {
border-color: rgba(var(--color-primary-600), 1);
}
.border-secondary-400 {
border-color: rgba(var(--color-secondary-400), 1);
}
@@ -2019,6 +2026,12 @@
background-color: color-mix(in oklab, rgba(var(--color-neutral), 1) 85%, transparent);
}
}
.bg-primary-50\/70 {
background-color: color-mix(in srgb, rgba(rgba(var(--color-primary-50), 1), 1) 70%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, rgba(var(--color-primary-50), 1) 70%, transparent);
}
}
.bg-primary-100 {
background-color: rgba(var(--color-primary-100), 1);
}
@@ -2532,9 +2545,15 @@
.decoration-neutral-300 {
text-decoration-color: rgba(var(--color-neutral-300), 1);
}
.decoration-primary-300 {
text-decoration-color: rgba(var(--color-primary-300), 1);
}
.decoration-primary-500 {
text-decoration-color: rgba(var(--color-primary-500), 1);
}
.underline-offset-4 {
text-underline-offset: 4px;
}
.underline-offset-auto {
text-underline-offset: auto;
}
@@ -3101,6 +3120,12 @@
.sm\:flex-row {
flex-direction: row;
}
.sm\:items-end {
align-items: flex-end;
}
.sm\:justify-between {
justify-content: space-between;
}
.sm\:overflow-hidden {
overflow: hidden;
}
@@ -3352,12 +3377,21 @@
.dark\:border-primary-300:is(.dark *) {
border-color: rgba(var(--color-primary-300), 1);
}
.dark\:border-primary-500:is(.dark *) {
border-color: rgba(var(--color-primary-500), 1);
}
.dark\:border-primary-600:is(.dark *) {
border-color: rgba(var(--color-primary-600), 1);
}
.dark\:border-primary-900:is(.dark *) {
border-color: rgba(var(--color-primary-900), 1);
}
.dark\:border-primary-900\/70:is(.dark *) {
border-color: color-mix(in srgb, rgba(rgba(var(--color-primary-900), 1), 1) 70%, transparent);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, rgba(var(--color-primary-900), 1) 70%, transparent);
}
}
.dark\:border-secondary-600:is(.dark *) {
border-color: rgba(var(--color-secondary-600), 1);
}
@@ -3487,6 +3521,9 @@
.dark\:bg-primary-400:is(.dark *) {
background-color: rgba(var(--color-primary-400), 1);
}
.dark\:bg-primary-500:is(.dark *) {
background-color: rgba(var(--color-primary-500), 1);
}
.dark\:bg-primary-800:is(.dark *) {
background-color: rgba(var(--color-primary-800), 1);
}