Submit button margin affecting siblings within .grid

[willthefirst]

Describe the issue

Bottom margin on <button type="submit"> in grid affects sibling tags styles as buttons.

Current Behavior

Expected Behavior

A concise description of what you expected.

Consistence spacing.

Reproduction URL

We recommend including a link to a minimal reproduction of the bug using CodePen or a similar tool.
Please do not link to your actual project. Instead, we need a reduced test case in a new project without any unnecessary code.

https://codepen.io/willthefirst/pen/myOOeOG

Environment

Example: OS, versions, browser details.

[tonystar]

( might be part of the broader Pico problem: #716 )

[tonystar]

root cause is here:

pico/scss/content/_button.scss

Lines 88 to 92 in 1039a47

	#{$parent-selector} [type="submit"],
	#{$parent-selector} [type="reset"],
	#{$parent-selector} [type="button"] {
	margin-bottom: var(#{$css-var-prefix}spacing);
	}

[tonystar]

my suggested solution is to reset margin for .grid childs:

.grid > * {
  margin-bottom: 0;
}

[tonystar]

✅ fixed in Blades CSS via @anyblades/pico v2.2.2

cc #640

[r3han-01]

.grid > * {
margin-bottom: 0;
}