optimize style sheets, support tabIndex in popup

2023-04-21 10:59:56 +08:00
parent cbdb2c7868
commit c4316e7e52
16 changed files with 235 additions and 199 deletions
--- a/lib/ui/css/functions/func.scss
+++ b/lib/ui/css/functions/func.scss
@ -15,4 +15,31 @@
        background-color: rgba(168, 168, 168, 0.9);
        border-radius: 4px;
    }
+}
+
+@mixin outline() {
+
+    &:focus,
+    &:focus-visible {
+        outline: none;
+    }
+}
+
+@mixin outborder() {
+    border: 1px solid var(--border-color);
+    border-radius: var(--border-radius);
+    transition: border-color .12s ease;
+
+    @include outline();
+
+    &:focus,
+    &:hover {
+        border-color: var(--focus-border-color);
+    }
+
+    &:disabled {
+        border-color: var(--disabled-border-color);
+        color: var(--disabled-color);
+        background-color: var(--disabled-bg-color);
+    }
 }