added max width to container

This commit is contained in:
Mamalizz
2025-03-13 01:33:09 +03:30
parent 045468f041
commit 0f2096d4e8
+2 -3
View File
@@ -10,10 +10,9 @@
@import "./fonts/yekan-bakh.css"; @import "./fonts/yekan-bakh.css";
@theme { @theme {
/* CONTAINER */ /* CONTAINER */
--app-container-padding: 20px; --app-container-padding: 1rem;
/* COLORS */ /* COLORS */
--color-slate-50: hsl(210, 40%, 98%); --color-slate-50: hsl(210, 40%, 98%);
@@ -282,7 +281,7 @@
/* CONTAINER */ /* CONTAINER */
@utility container { @utility container {
@apply mx-auto px-[var(--app-container-padding)]; @apply mx-auto px-[var(--app-container-padding)] w-full max-sm:max-w-[var(--breakpoint-xs)] max-md:max-w-[var(--breakpoint-sm)] max-lg:max-w-[var(--breakpoint-md)] max-xl:max-w-[var(--breakpoint-lg)] max-w-[var(--breakpoint-2xl)];
} }
@layer { @layer {