diff options
| author | Jieiku | 2022-03-27 19:19:28 -0700 |
|---|---|---|
| committer | Jieiku | 2022-03-27 19:19:28 -0700 |
| commit | 2ef7c0ec1ff976b807691fea23eaaf5ea1e93bc9 (patch) | |
| tree | 33dda7250a49739153f501dbdec7c26792d87964 /sass/include/_button.scss | |
| download | abridge-2ef7c0ec1ff976b807691fea23eaaf5ea1e93bc9.tar.gz abridge-2ef7c0ec1ff976b807691fea23eaaf5ea1e93bc9.tar.bz2 abridge-2ef7c0ec1ff976b807691fea23eaaf5ea1e93bc9.zip | |
init
Diffstat (limited to 'sass/include/_button.scss')
| -rw-r--r-- | sass/include/_button.scss | 41 |
1 files changed, 41 insertions, 0 deletions
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; +} |