Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Row component has mx property set to -32 by default

See original GitHub issue

Title says everything 😃

Here is the sandbox with reproduced bug and few examples

Setting mx to 0 solves the problem, other fields not.

Also, wrapping with Provider and theme.space = [0] solve problem a little. Giving mx = -3 which is still weird.

Provider also seems to have default theme, such as fonts etc. This must be described somewhere so people know defaults.

Issue Analytics

State:
Created 6 years ago
Comments:5 (3 by maintainers)

Top GitHub Comments

1reaction

jxnblkcommented, Jul 17, 2017

Yeah, sorry the docs are sort of light around the components at the moment. As @ferdinandsalis said, <Row /> is meant to be used with <Column /> as a simple, no configuration sort of component. They both extend <Flex /> and <Box /> respectively, which are more generic and flexible.

The <Provider /> is documented here: https://github.com/jxnblk/rebass#provider-

0reactions

nfcamposcommented, Jul 19, 2017

@ferdinandsalis no problem!

Top Results From Across the Web

How to add padding and margin to all Material-UI components?

You can use de "Spacing" in a BOX component just by importing the component first: import Box from '@material-ui/core/Box';.

ServiceNow Developers

To avoid this, we've collected common sense "defaults" to prevent unwanted CSS values from being inherited within the Shadow DOM. The now-mx-inherits mixin ......

Spacing - Bootstrap

Assign responsive-friendly margin or padding values to an element or a subset ... 1 - (by default) for classes that set the margin...

Customizing Spacing - Tailwind CSS

Customizing the default spacing and sizing scale for your project. Use the spacing key in the theme section of your tailwind.config.js file to...

Configuration - Spark 1.4.1 Documentation

Spark properties control most application parameters and can be set by ... of the properties that control internal settings have reasonable default values....