X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;f=resources%2Fsass%2Fform.scss;h=411188ff2eba90c3252cdc7bf45d030ace06a1fb;hb=147c5f43c5d41fa18e82edb6651fe5a37c789353;hp=8ec46a19e675887bd9d5382b95beaa48c29aeed9;hpb=43da6b2ec78774e7b045a09c68af39717b5f5dbc;p=alttp.git diff --git a/resources/sass/form.scss b/resources/sass/form.scss index 8ec46a1..411188f 100644 --- 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;