♿ State focus on input

2019-09-04 15:52:16 +05:30
parent 0a91fb66e3
commit e95a4a9782
4 changed files with 16 additions and 6 deletions
--- a/assets/css/styles.scss
+++ b/assets/css/styles.scss
@@ -212,12 +212,19 @@ pre {
  font-weight: 700;
  font-size: 18px;
  font-family: monospace;
+  transition: all 0.2s ease-in-out;
 }

 select,
 input,
 option {
  height: 41px;
+
+  &:not([readonly]):hover,
+  &:not([readonly]):focus {
+    background-color: var(--bg-color);
+    box-shadow: inset 0 0 0 2px var(--ac-color);
+  }
 }

 input[type="checkbox"] {