From 2ef7c0ec1ff976b807691fea23eaaf5ea1e93bc9 Mon Sep 17 00:00:00 2001 From: Jieiku Date: Sun, 27 Mar 2022 19:19:28 -0700 Subject: init --- sass/include/_button.scss | 41 +++++++++++++++++++++++++++++++++++++++++ 1 file changed, 41 insertions(+) create mode 100644 sass/include/_button.scss (limited to 'sass/include/_button.scss') diff --git a/sass/include/_button.scss b/sass/include/_button.scss new file mode 100644 index 0000000..257e8c6 --- /dev/null +++ b/sass/include/_button.scss @@ -0,0 +1,41 @@ +// Form elements (button) +button, +input, +select, +textarea { + margin: 0; + padding: .5rem .75rem; + max-width: 100%; + background: var(--c2); + border: 0; + border-radius: .25rem; + font: inherit; + line-height: 1.125; + color: var(--f1); +} +button, +[type="button" i], +[type="submit" i], +[type="reset" i] { + -webkit-appearance: button; + display: inline-block; + text-align: center; + white-space: nowrap; + background: var(--c2); + color: var(--f1); + border: 0; + cursor: pointer; + transition: opacity .25s; +} +button:hover, +[type="button" i]:hover, +[type="submit" i]:hover, +[type="reset" i]:hover { + opacity: .75; +} +button[disabled], +[type="button" i][disabled], +[type="submit" i][disabled], +[type="reset" i][disabled] { + opacity: .5; +} -- cgit v1.3.1