Better disabled textbox style

2023-05-09 16:28:49 -05:00
parent 4ca5d01d6a
commit da61d3d7de
6 changed files with 39 additions and 1 deletions
--- a/src/scss/global.scss
+++ b/src/scss/global.scss
@@ -10,3 +10,11 @@ body {
 :root {
    --color-blue-500: #3985f5;
 }
+
+@mixin disable-input {
+    -webkit-text-fill-color: var(--neutral-500);
+    background-color: var(--neutral-200);
+    border-color: var(--neutral-300);
+    box-shadow: 0 0 0 var(--shadow-spread) transparent, rgba(0, 0, 0, 0.08) 0px 2px 4px 0px inset;
+    cursor: not-allowed;
+}