react-ui icon indicating copy to clipboard operation
react-ui copied to clipboard

Unreliable margin reset in `Grid`

Open adamkudrna opened this issue 6 months ago • 0 comments

  • Grid sets margin to 0 for all his > * children.
  • Toolbar (and other layout components) apply bottom margin when :not(:last-child).
  • Since component styles are scoped each to their own components.* cascade layer the order of which is not defined, the resulting margin is dependant on the load order of components.

Increasing the specificity of > * does not help, the order of cascade layers seems to be the key.

See https://codepen.io/adamkudrna/pen/wBBbgVG for an isolated discovery.

adamkudrna avatar May 19 '25 15:05 adamkudrna