Added missing Layout changes

concrete-utopia · May 29, 2024 · d4d1fc0 · d4d1fc0
1 parent 4ef1368
commit d4d1fc0
Showing 1 changed file with 20 additions and 0 deletions.
diff --git a/app/components/hydrogen/new/Layout.jsx b/app/components/hydrogen/new/Layout.jsx
@@ -424,6 +424,20 @@ const container = cva({
       true: 'max-w-none',
       false: 'max-w-7xl',
     },
+    paddingY: {
+      s: 'py-16',
+      m: 'py-32',
+      l: 'py-56',
+    },
+    paddingBottom: {
+      s: 'pb-16',
+      m: 'pb-32',
+      l: 'pb-56',
+    },
+    marginBottom: {
+      true: '-mb-[26rem]',
+      false: null,
+    },
   },
   defaultVariants: {
     fluid: false,
@@ -435,6 +449,9 @@ export const Container = forwardRef(
     {
       as: Component = 'div',
       fluid,
+      paddingTop,
+      paddingBottom,
+      marginBottom,
       resizeX,
       resizeY,
       children,
@@ -450,6 +467,9 @@ export const Container = forwardRef(
         ref={ref}
         className={styles({
           fluid,
+          paddingTop,
+          paddingBottom,
+          marginBottom,
           resizeX,
           resizeY,
           ...props,