[Grid] Change spacing
See original GitHub issueHow can I change spacing of Grid component as it doesn’t respect theme.spacing.unit
I want <Grid container spacing={8}>
to have margin: -5px
and its <Grid item>
to have padding: 5px
.
I did this in overrides
key of theme.
MuiGrid: {
container: {
'&$spacing-xs-8': {
margin: -5,
}
}
It worked with the container but not the item. How can I select Grid children of this container
Issue Analytics
- State:
- Created 5 years ago
- Reactions:2
- Comments:19 (12 by maintainers)
Top Results From Across the Web
To Display a Grid and Set the Grid Spacing | AutoCAD 2022
On the Status Bar, right-click on grid display Find and select Grid Settings. Note: The status bar is located in the lower right-hand...
Read more >CSS grid-gap property - W3Schools
The grid-gap property defines the size of the gap between the rows and columns in a grid layout, and is a shorthand property...
Read more >Spacing, grids, and layouts - DesignSystems.com
A column grid helps you organize content into evenly spaced vertical columns. The space between columns is referred to as the gutter size....
Read more >How to Change the Grid Spacing in PowerPoint
You can change the grid spacing options in the Grid and Guides settings dialog box under Grid settings group. You may change the...
Read more >Grid Spacing | WinForms Controls - DevExpress Documentation
Grid spacing is the distance between major grid lines. It is also a distance between major tickmarks or interlacing colors. grid-spacing ...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
@mediafreakch yeah. I used overrides.
Here is an example how I override MuiGrid spacing={16}
Yes