aboutsummaryrefslogtreecommitdiff
path: root/styles
diff options
context:
space:
mode:
authorlonkaars <loek@pipeframe.xyz>2021-06-20 14:03:22 +0200
committerlonkaars <loek@pipeframe.xyz>2021-06-20 14:03:22 +0200
commita5eeeca1383a0fdf50d0c76730e1ace8f03f3759 (patch)
tree240e011a2e0beca970fd847545983a551967bf0d /styles
parentb0d73dbbfbf002b9f1d4a7456c627b70901f0979 (diff)
keybind selection and deletion :tada:
Diffstat (limited to 'styles')
-rw-r--r--styles/keybindselector.css18
1 files changed, 17 insertions, 1 deletions
diff --git a/styles/keybindselector.css b/styles/keybindselector.css
index b510dee..cc57501 100644
--- a/styles/keybindselector.css
+++ b/styles/keybindselector.css
@@ -1,17 +1,33 @@
.keybind-selector-inner { padding: 27px 12px 10px; }
+.keybind-selector > * { cursor: pointer !important; }
+
.keybind-selector-inner .keybind {
padding: 2px 4px 1px;
margin-right: 3px;
border-radius: 4px;
user-select: none;
+ cursor: pointer;
+ transform: scale(1);
+ display: inline-block;
- transition-property: background-color;
+ transition-property: background-color, opacity, transform;
transition-duration: 100ms;
background-color: var(--c800);
color: var(--c100);
}
+.keybind-selector-inner .keybind:hover {
+ opacity: .7;
+}
+
+.keybind-selector-inner .keybind.new {
+ opacity: 0;
+ transform: scale(.85);
+}
+
+.keybind-selector * { font-family: "Inter", sans-serif !important; }
+
.keybind-selector:focus .keybind-selector-inner .keybind { background-color: var(--gruble); }
.keybind-selector:focus label { color: var(--gruble) !important; }
.keybind-selector:focus .MuiFilledInput-underline:after { transform: scaleX(1); }