<3 for the review

mui · Feb 7, 2019 · 90e7e91 · 90e7e91
1 parent 3519c2d
commit 90e7e91
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/docs/src/modules/components/AppDrawer.js b/docs/src/modules/components/AppDrawer.js
@@ -19,7 +19,7 @@ const styles = theme => ({
   },
   title: {
     color: theme.palette.text.secondary,
-    marginBottom: 4,
+    marginBottom: theme.spacing(0.5),
     '&:hover': {
       color: theme.palette.primary.main,
     },

diff --git a/docs/src/pages/layout/grid/grid.md b/docs/src/pages/layout/grid/grid.md
@@ -23,11 +23,11 @@ The grid system is implemented with the `Grid` component:
 ## Spacing
 
 The responsive grid focuses on consistent spacing widths, rather than column width.
-Material design margins and columns follow an **8px** square baseline grid.
-The spacing property is an integer in the [0, 8] interval.
+Material Design margins and columns follow an **8px** square baseline grid.
+The spacing property is an integer between 0 and 10 inclusive.
 By default, the spacing between two grid items follows a linear function: `output(spacing) = spacing * 8px`, e.g. `spacing={2}` creates a 16px wide gap.
 
-This output transformation function can be customized using the theme, exactly like [the system spacing](/system/spacing/#transformation).
+This output transformation function can be customized [using the theme](/customization/themes/#spacing).
 
 {{"demo": "pages/layout/grid/SpacingGrid.js"}}
 
@@ -96,7 +96,7 @@ There are 3 available workarounds:
 ```jsx
   <body>
     <div style={{ padding: 20 }}>
-      <Grid container spacing={4}>
+      <Grid container spacing={5}>
         //...
       </Grid>
     </div>

diff --git a/packages/material-ui/src/styles/createSpacing.js b/packages/material-ui/src/styles/createSpacing.js
@@ -34,7 +34,7 @@ export default function createSpacing(spacing) {
             [
               'Material-UI: theme.spacing.unit usage has been deprecated.',
               'It will be removed in v5.',
-              'You can replace theme.spacing.unit * 2 with theme.spacing(2).',
+              'You can replace `theme.spacing.unit * 2` with `theme.spacing(2)`.',
             ].join('\n'),
           );
           warnOnce = true;