docs(layout settings): Update layout settings docs to reflect new grid variable (#5483)

* Update layout settings docs to reflect new grid variable

* update grid gutter width and max width in layout settings

Author: jmuzina

templates/docs/settings/layout-settings.md

@@ -4,13 +4,15 @@ context:
   title: Layout | Settings
 ---
 
-These settings are used specifically to configure the grid which will determine your overall site layout. Patterns placed within the grid structure will then adapt to fill the space available to them.
+These settings are used specifically to configure the grid which will determine your overall site layout. Patterns
+placed within the grid structure will then adapt to fill the space available to them.
 
-| Setting              | Default value |
-| -------------------- | ------------- |
-| `$grid-gutter-width` | `20px`        |
-| `$grid-columns`      | `12`          |
-| `$grid-max-width`    | `1030px`      |
+| Setting                                                                   | Default value |
+| ------------------------------------------------------------------------- | ------------- |
+| `$grid-gutter-width`                                                      | `2rem`        |
+| `$grid-8-columns` (new [8 column grid](/docs/patterns/grid))              | `8`           |
+| `$grid-columns` (deprecated [12 column grid](/docs/patterns/grid-legacy)) | `12`          |
+| `$grid-max-width`                                                         | `80rem`       |
 
 ## Import
 
@@ -20,4 +22,5 @@ To import just this utility into your project, copy the snippet below and includ
 @import 'utilities_layout';
 ```
 
-For more information see [Customising Vanilla](/docs/customising-vanilla/) in your projects, which includes overrides and importing instructions.
+For more information see [Customising Vanilla](/docs/customising-vanilla/) in your projects, which includes overrides
+and importing instructions.