Files
carmanagement/homepage/src/components/layout/LayoutPrimitives.module.css
T
root d7fb7b7a7b
Build & Deploy / Build & Push Docker Image (push) Failing after 47s
Build & Deploy / Deploy to VPS (push) Has been skipped
Test / API Unit Tests (push) Failing after 5m4s
Test / Marketplace Unit Tests (push) Failing after 4m55s
Test / Admin Unit Tests (push) Successful in 9m37s
Test / Dashboard Unit Tests (push) Successful in 9m37s
Test / API Integration Tests (push) Successful in 9m54s
redesign the homepage
2026-06-26 16:27:21 -04:00

82 lines
1.1 KiB
CSS

.container {
inline-size: min(100%, var(--container-wide));
margin-inline: auto;
padding-inline: var(--layout-gutter);
}
.content {
max-inline-size: var(--container-content);
}
.reading {
max-inline-size: var(--container-reading);
}
.full {
max-inline-size: none;
}
.section {
padding-block: var(--section-space);
}
.sectionMuted {
background: var(--surface-muted);
}
.sectionStrong {
background: var(--surface-strong);
}
.stack {
display: flex;
flex-direction: column;
}
.stackSmall {
gap: var(--space-3);
}
.stackMedium {
gap: var(--space-6);
}
.stackLarge {
gap: var(--space-12);
}
.cluster {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.clusterSmall {
gap: var(--space-2);
}
.clusterMedium {
gap: var(--space-4);
}
.clusterLarge {
gap: var(--space-8);
}
.grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr));
gap: var(--space-6);
}
.bleed {
inline-size: 100vw;
margin-inline: calc(50% - 50vw);
}
.sticky {
position: sticky;
z-index: var(--layer-sticky);
inset-block-start: 0;
}