summaryrefslogtreecommitdiff
path: root/scss/modules/form.md.scss
diff options
context:
space:
mode:
Diffstat (limited to 'scss/modules/form.md.scss')
-rw-r--r--scss/modules/form.md.scss23
1 files changed, 23 insertions, 0 deletions
diff --git a/scss/modules/form.md.scss b/scss/modules/form.md.scss
new file mode 100644
index 0000000..7b44307
--- /dev/null
+++ b/scss/modules/form.md.scss
@@ -0,0 +1,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);
+}