Skip to content

Commit 34ae605

Browse files
<3 for the review
1 parent b96bff7 commit 34ae605

File tree

2 files changed

+5
-5
lines changed

2 files changed

+5
-5
lines changed

docs/src/pages/layout/grid/grid.md

+4-4
Original file line numberDiff line numberDiff line change
@@ -23,11 +23,11 @@ The grid system is implemented with the `Grid` component:
2323
## Spacing
2424

2525
The responsive grid focuses on consistent spacing widths, rather than column width.
26-
Material design margins and columns follow an **8px** square baseline grid.
27-
The spacing property is an integer in the [0, 8] interval.
26+
Material Design margins and columns follow an **8px** square baseline grid.
27+
The spacing property is an integer between 0 and 10 inclusive.
2828
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.
2929

30-
This output transformation function can be customized using the theme, exactly like [the system spacing](/system/spacing/#transformation).
30+
This output transformation function can be customized [using the theme](/customization/themes/#spacing).
3131

3232
{{"demo": "pages/layout/grid/SpacingGrid.js"}}
3333

@@ -96,7 +96,7 @@ There are 3 available workarounds:
9696
```jsx
9797
<body>
9898
<div style={{ padding: 20 }}>
99-
<Grid container spacing={4}>
99+
<Grid container spacing={5}>
100100
//...
101101
</Grid>
102102
</div>

packages/material-ui/src/styles/createSpacing.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,7 @@ export default function createSpacing(spacing) {
3434
[
3535
'Material-UI: theme.spacing.unit usage has been deprecated.',
3636
'It will be removed in v5.',
37-
'You can replace theme.spacing.unit * 2 with theme.spacing(2).',
37+
'You can replace `theme.spacing.unit * 2` with `theme.spacing(2)`.',
3838
].join('\n'),
3939
);
4040
warnOnce = true;

0 commit comments

Comments
 (0)