diff options
Diffstat (limited to 'styles')
| -rw-r--r-- | styles/keybindselector.css | 18 |
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); } |