Skip to content

Commit 75f0d16

Browse files
go with a non breaking approach
1 parent a229846 commit 75f0d16

File tree

3 files changed

+3
-32
lines changed

3 files changed

+3
-32
lines changed

docs/pages/api/container.md

+1-29
Original file line numberDiff line numberDiff line change
@@ -37,14 +37,13 @@ Any other props supplied will be provided to the root element (native element).
3737

3838
## CSS
3939

40-
<<<<<<< HEAD
4140
- Style sheet name: `MuiContainer`.
4241
- Style sheet details:
4342

4443
| Rule name | Global class | Description |
4544
|:-----|:-------------|:------------|
4645
| <span class="prop-name">root</span> | <span class="prop-name">.MuiContainer-root</span> | Styles applied to the root element.
47-
| <span class="prop-name">disableGutters</span> | <span class="prop-name">.MuiContainer-disableGutters</span> | Styles applied to the inner `component` element if `disableGutters={true}`.
46+
| <span class="prop-name">disableGutters</span> | <span class="prop-name">.MuiContainer-disableGutters</span> | Styles applied to the root element if `disableGutters={true}`.
4847
| <span class="prop-name">fixed</span> | <span class="prop-name">.MuiContainer-fixed</span> | Styles applied to the root element if `fixed={true}`.
4948
| <span class="prop-name">maxWidthXs</span> | <span class="prop-name">.MuiContainer-maxWidthXs</span> | Styles applied to the root element if `maxWidth="xs"`.
5049
| <span class="prop-name">maxWidthSm</span> | <span class="prop-name">.MuiContainer-maxWidthSm</span> | Styles applied to the root element if `maxWidth="sm"`.
@@ -59,33 +58,6 @@ You can override the style of the component thanks to one of these customization
5958
- With a theme and an [`overrides` property](/customization/globals/#css).
6059

6160
If that's not sufficient, you can check the [implementation of the component](https://github.com/mui-org/material-ui/blob/master/packages/material-ui/src/Container/Container.js) for more detail.
62-
=======
63-
You can override all the class names injected by Material-UI thanks to the `classes` prop.
64-
This prop accepts the following keys:
65-
66-
67-
| Name | Description |
68-
|:-----|:------------|
69-
| <span class="prop-name">root</span> | Styles applied to the root element.
70-
| <span class="prop-name">gutters</span> | Styles applied to the root element if `disableGutters={false}`.
71-
| <span class="prop-name">fixed</span> | Styles applied to the root element if `fixed={true}`.
72-
| <span class="prop-name">maxWidthXs</span> | Styles applied to the root element if `maxWidth="xs"`.
73-
| <span class="prop-name">maxWidthSm</span> | Styles applied to the root element if `maxWidth="sm"`.
74-
| <span class="prop-name">maxWidthMd</span> | Styles applied to the root element if `maxWidth="md"`.
75-
| <span class="prop-name">maxWidthLg</span> | Styles applied to the root element if `maxWidth="lg"`.
76-
| <span class="prop-name">maxWidthXl</span> | Styles applied to the root element if `maxWidth="xl"`.
77-
78-
Have a look at the [overriding styles with classes](/customization/components/#overriding-styles-with-classes) section
79-
and the [implementation of the component](https://github.com/mui-org/material-ui/blob/master/packages/material-ui/src/Container/Container.js)
80-
for more detail.
81-
82-
If using the `overrides` [key of the theme](/customization/themes/#css),
83-
you need to use the following style sheet name: `MuiContainer`.
84-
85-
## Notes
86-
87-
The component is fully [StrictMode](https://reactjs.org/docs/strict-mode.html) compatible.
88-
>>>>>>> update the API wording to target the root
8961

9062
## Demos
9163

packages/material-ui/src/Container/Container.d.ts

+1-1
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ export interface ContainerProps
1111

1212
export type ContainerClassKey =
1313
| 'root'
14-
| 'gutters'
14+
| 'disableGutters'
1515
| 'fixed'
1616
| 'maxWidthXs'
1717
| 'maxWidthSm'

packages/material-ui/src/Container/Container.js

+1-2
Original file line numberDiff line numberDiff line change
@@ -22,8 +22,7 @@ export const styles = theme => ({
2222
paddingRight: theme.spacing(4),
2323
},
2424
},
25-
// TODO change style rule to gutters in v5, avoid duplication of CSS.
26-
/* Styles applied to the inner `component` element if `disableGutters={true}`. */
25+
/* Styles applied to the root element if `disableGutters={true}`. */
2726
disableGutters: {
2827
paddingLeft: 0,
2928
paddingRight: 0,

0 commit comments

Comments
 (0)