scss/modules/form.md.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

form {
  display: grid;
  grid-template-columns: repeat(var(--grid-column-count), 1fr);
  gap: var(--grid-gutter-width);
}

label {
  grid-column: 1 / 2;
}

input {
  width: unset;
  grid-column: 2 / var(--grid-prose-column-count);
}

:is(input + label, :is(button, [type=submit])) {
  margin-block-start: 0;
}

:is(button, [type=submit]) {
  width: unset;
  grid-column: calc(var(--grid-prose-column-count) - 2) / var(--grid-prose-column-count);
}