diff options
| author | lonkaars <l.leblansch@gmail.com> | 2021-06-20 11:33:18 +0200 |
|---|---|---|
| committer | lonkaars <l.leblansch@gmail.com> | 2021-06-20 11:33:18 +0200 |
| commit | 7a878bd0d77fbe8fc2e3e3a341c9c7e3e4e8f6d2 (patch) | |
| tree | 6398e1fb378add454b680917d2b97939d02a808d /styles/keybindselector.css | |
| parent | 08f54b19d836161828ce3c2cd173eedd5d609717 (diff) | |
added KeybindSelector component beginnings
Diffstat (limited to 'styles/keybindselector.css')
| -rw-r--r-- | styles/keybindselector.css | 18 |
1 files changed, 18 insertions, 0 deletions
diff --git a/styles/keybindselector.css b/styles/keybindselector.css new file mode 100644 index 0000000..b510dee --- /dev/null +++ b/styles/keybindselector.css @@ -0,0 +1,18 @@ +.keybind-selector-inner { padding: 27px 12px 10px; } + +.keybind-selector-inner .keybind { + padding: 2px 4px 1px; + margin-right: 3px; + border-radius: 4px; + user-select: none; + + transition-property: background-color; + transition-duration: 100ms; + background-color: var(--c800); + color: var(--c100); +} + +.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); } +.keybind-selector:focus { outline: none; } |