diff options
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; +} |
