feat(_pageContentWrapper.scss): L3-4620 added new page wrapper and up…

…dated tokens
PhillipsAuctionHouse · Jan 30, 2025 · 6192abe · 6192abe
1 parent d43eb24
commit 6192abe
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 7 deletions.
diff --git a/src/components/PageContentWrapper/_pageContentWrapper.scss b/src/components/PageContentWrapper/_pageContentWrapper.scss
@@ -3,7 +3,11 @@
 .#{$px}-page-content-wrapper {
   padding: 0 $padding-md;
 
+  @media (min-width: $breakpoint-md) {
+    padding: 0 $padding-lg;
+  }
+
   @media (min-width: $breakpoint-xl) {
-    padding: 0 3.25rem;
+    padding: 0 $padding-xl;
   }
 }
diff --git a/src/design/spacing-tokens/spacing-tokens.mdx b/src/design/spacing-tokens/spacing-tokens.mdx
@@ -77,7 +77,7 @@ import StackAlt from '../assets/stackalt.svg';
         <span className="property">1.75rem</span>
       </td>
       <td>
-        <span className="property">2.5rem</span>
+        <span className="property">2.25rem</span>
       </td>
     </tr>
     <tr>
@@ -91,7 +91,7 @@ import StackAlt from '../assets/stackalt.svg';
         <span className="property">2.75rem</span>
       </td>
       <td>
-        <span className="property">3.75rem</span>
+        <span className="property">3.25rem</span>
       </td>
     </tr>
     <tr>
@@ -105,7 +105,7 @@ import StackAlt from '../assets/stackalt.svg';
         <span className="property">3.75rem</span>
       </td>
       <td>
-        <span className="property">5rem</span>
+        <span className="property">4.25rem</span>
       </td>
     </tr>
     <tr>

diff --git a/src/scss/_vars.scss b/src/scss/_vars.scss
@@ -340,9 +340,9 @@ $snowflake-menu-padding: 1.25rem;
     --spacing-micro: 0.5rem;
     --spacing-xsm: 0.75rem;
     --spacing-sm: 1.25rem;
-    --spacing-md: 2.5rem;
-    --spacing-lg: 3.75rem;
-    --spacing-xl: 5rem;
+    --spacing-md: 2.25rem;
+    --spacing-lg: 3.25rem;
+    --spacing-xl: 4.25rem;
     --spacing-xxl: 5.25rem;
     --spacing-xxxl: 6.25rem;
   }