summaryrefslogtreecommitdiffstats
path: root/asset/css/cancel-button.less
diff options
context:
space:
mode:
Diffstat (limited to '')
-rw-r--r--asset/css/cancel-button.less34
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);
+ }
+ }
+}