diff options
Diffstat (limited to '')
-rw-r--r-- | asset/css/cancel-button.less | 34 |
1 files changed, 34 insertions, 0 deletions
diff --git a/asset/css/cancel-button.less b/asset/css/cancel-button.less new file mode 100644 index 0000000..7640399 --- /dev/null +++ b/asset/css/cancel-button.less @@ -0,0 +1,34 @@ +.cancel-button { + display: inline-flex; + align-items: baseline; + padding: .5em 1em; + + .appearance(none); + .rounded-corners(); + line-height: normal; + cursor: pointer; + + background: var(--cancel-button-bg, @cancel-button-bg); + border: 1px solid var(--cancel-button-border-color, @cancel-button-border-color); + color: var(--cancel-button-color, @cancel-button-color); + + &:focus, + &:hover { + background-color: var(--cancel-button-hover-bg, @cancel-button-hover-bg); + color: var(--cancel-button-hover-color, @cancel-button-hover-color); + } + + &[disabled] { + background: none; + cursor: default; + + border: 1px solid var(--control-disabled-color, @control-disabled-color); + color: var(--control-disabled-color, @control-disabled-color); + + &:focus, + &:hover { + background: none; + color: var(--control-disabled-color, @control-disabled-color); + } + } +} |