You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/src/pages/layout/grid/grid.md
+4-4
Original file line number
Diff line number
Diff line change
@@ -23,11 +23,11 @@ The grid system is implemented with the `Grid` component:
23
23
## Spacing
24
24
25
25
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.
28
28
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.
29
29
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).
31
31
32
32
{{"demo": "pages/layout/grid/SpacingGrid.js"}}
33
33
@@ -96,7 +96,7 @@ There are 3 available workarounds:
0 commit comments