try to respond more appropriately

[alttp.git] / resources / sass / form.scss

diff --git a/resources/sass/form.scss b/resources/sass/form.scss
index 8ec46a19e675887bd9d5382b95beaa48c29aeed9..411188ff2eba90c3252cdc7bf45d030ace06a1fb 100644 (file)
--- a/resources/sass/form.scss
+++ b/resources/sass/form.scss
@@ -18,20 +18,16 @@ label {
        width: auto;
        height: 2.25rem;
        min-width: 58px;
-       background: #e9ecef;
-       border: 1px solid #ced4da;
+       background: $input-bg;
+       border: $input-border-width solid $input-border-color;
        border-radius: 1.25rem;
        transition: background 200ms ease, padding 200ms ease;
        text-align: left;
        padding: 3px 3px 3px 24px;
 
        &.is-toggled {
-               background: #4f94d9;
+               background: $success;
                padding: 3px 24px 3px 3px;
-
-               .handle-label {
-                       color: #4f94d9;
-               }
        }
 
        &.is-invalid,
@@ -55,11 +51,7 @@ label {
        }
 
        &:focus {
-               background-color: #e9ecef;
                border-color: #ced4da;
-               &.is-toggled {
-                       background-color: #4f94d9;
-               }
        }
 
        .handle {
@@ -75,7 +67,6 @@ label {
 
                .handle-label {
                        display: inline-block;
-                       margin-top: 2px;
                        font-size: 18px;
                        font-weight: 600;
                        white-space: nowrap;