lewisdale.dev/src/css/compositions/wrapper.css
Lewis Dale 8298c98039
All checks were successful
Build and copy to prod / build-and-copy (push) Successful in 1m28s
Fix footer centering
2024-10-11 13:15:45 +01:00

29 lines
687 B
CSS

[class*="wrapper"] {
max-width: var(--wrapper-size, var(--screen-3xl));
padding-left: var(--wrapper-padding, var(--space-size-3xl));
padding-right: var(--wrapper-padding, var(--space-size-3xl));
}
.wrapper-xs {
--wrapper-size: clamp(20rem, calc(10rem + 20vw), 40rem);
--wrapper-padding: var(--space-size-xs);
}
.wrapper-sm {
--wrapper-size: var(--screen-sm);
--wrapper-padding: var(--space-size-s);
}
.wrapper-md {
--wrapper-size: var(--screen-md);
--wrapper-padding: var(--space-size-m);
}
.wrapper-lg {
--wrapper-size: var(--screen-lg);
--wrapper-padding: var(--space-size-l);
}
.wrapper-xl {
--wrapper-size: var(--screen-xl);
--wrapper-padding: var(--space-size-l);
}