From 2ef7c0ec1ff976b807691fea23eaaf5ea1e93bc9 Mon Sep 17 00:00:00 2001 From: Jieiku Date: Sun, 27 Mar 2022 19:19:28 -0700 Subject: init --- sass/include/_form.scss | 36 ++++++++++++++++++++++++++++++++++++ 1 file changed, 36 insertions(+) create mode 100644 sass/include/_form.scss (limited to 'sass/include/_form.scss') diff --git a/sass/include/_form.scss b/sass/include/_form.scss new file mode 100644 index 0000000..5761c3f --- /dev/null +++ b/sass/include/_form.scss @@ -0,0 +1,36 @@ +// Form elements (non-button) +fieldset { + padding: .5rem .75rem; + border: var(--bw) solid var(--c3); + border-radius: .25rem; +} +legend { + padding: 0 .25rem; +} +label { + cursor: pointer; + display: block; + margin-bottom: .25rem; +} +select, +input:not([size]):not([type="button" i]):not([type="submit" i]):not([type="reset" i]):not([type="checkbox" i]):not([type="radio" i]) { + width: 100%; +} +[type="color" i] { + min-height: 2.125rem; +} +select:not([multiple]):not([size]) { + padding-right: 1.5rem; + background-repeat: no-repeat; + background-position: right .5rem center; + -moz-appearance: none; + -webkit-appearance: none; + appearance: none; +} +textarea { + width: 100%; + resize: vertical; +} +textarea:not([rows]) { + height: 8rem; +} -- cgit v1.3.1