From 7a878bd0d77fbe8fc2e3e3a341c9c7e3e4e8f6d2 Mon Sep 17 00:00:00 2001 From: lonkaars Date: Sun, 20 Jun 2021 11:33:18 +0200 Subject: added KeybindSelector component beginnings --- styles/keybindselector.css | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) create mode 100644 styles/keybindselector.css (limited to 'styles') 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; } -- cgit v1.2.3