[CssBaseline] Change body font size to body1 (1rem) (#24018)

mui · Dec 15, 2020 · bd47246 · bd47246
1 parent d420e77
commit bd47246
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 1 deletion.
diff --git a/docs/src/pages/guides/migration-v4/migration-v4.md b/docs/src/pages/guides/migration-v4/migration-v4.md
@@ -418,6 +418,23 @@ const classes = makeStyles(theme => ({
   +<Collapse classes={{ root: 'collapse' }}>
   ```
 
+### CssBaseline
+
+- The `body` font size has changed from `theme.typography.body2` (`0.875rem`) to `theme.typography.body1` (`1rem`).
+  To return to the previous size, you can override it in the theme:
+
+  ```js
+  const theme = createMuiTheme({
+    typography: {
+      body1: {
+        fontSize: '0.875rem',
+      },
+    },
+  });
+  ```
+
+  (Note that this will also affect use of the Typography component with the default `body1` variant).
+
 ### Dialog
 
 - The onE\* transition props were removed. Use TransitionProps instead.

diff --git a/packages/material-ui/src/CssBaseline/CssBaseline.js b/packages/material-ui/src/CssBaseline/CssBaseline.js
@@ -22,7 +22,7 @@ const scrollBar = {
 
 export const body = (theme) => ({
   color: theme.palette.text.primary,
-  ...theme.typography.body2,
+  ...theme.typography.body1,
   backgroundColor: theme.palette.background.default,
   '@media print': {
     // Save printer ink.