added max width to container
This commit is contained in:
@@ -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 {
|
||||||
|
|||||||
Reference in New Issue
Block a user