Update Layout's sidebar width values (#1738)

* update layout's component sidebar width values * Update sidebar sizing docs * Create clean-books-act.md Co-authored-by: Jon Rohan <yes@jonrohan.codes>
primer · Nov 8, 2021 · dfe73db · dfe73db
1 parent 685bc27
commit dfe73db
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 6 deletions.
diff --git a/.changeset/clean-books-act.md b/.changeset/clean-books-act.md
@@ -0,0 +1,5 @@
+---
+"@primer/css": minor
+---
+
+Update `Layout`'s sidebar width values.
diff --git a/docs/content/components/layout.md b/docs/content/components/layout.md
@@ -109,8 +109,8 @@ Flowing as row:
 
 ### Sidebar sizing
 
-- Default: [md: 256px, lg: 296px, xl: 320px]
-- `Layout--sidebar-narrow` [md: 240px, lg: 256px, xl: 296px]
+- Default: [md: 256px, lg: 296px]
+- `Layout--sidebar-narrow` [md: 240px, lg: 256px]
 - `Layout--sidebar-wide` [md: 296px, lg: 320px, xl: 344px]
 
 ```html live

diff --git a/src/support/variables/layout.scss b/src/support/variables/layout.scss
@@ -169,14 +169,12 @@ $responsive-positions: (
 $sidebar-width: (
   sm: 220px,
   md: 256px,
-  lg: 296px,
-  xl: 320px
+  lg: 296px
 ) !default;
 
 $sidebar-narrow-width: (
   md: 240px,
-  lg: 256px,
-  xl: 296px
+  lg: 256px
 ) !default;
 
 $sidebar-wide-width: (