diff options
Diffstat (limited to 'src/assets/styles/bmc/custom/_forms.scss')
| -rw-r--r-- | src/assets/styles/bmc/custom/_forms.scss | 28 |
1 files changed, 17 insertions, 11 deletions
diff --git a/src/assets/styles/bmc/custom/_forms.scss b/src/assets/styles/bmc/custom/_forms.scss index 428a40c2..8524f2ff 100644 --- a/src/assets/styles/bmc/custom/_forms.scss +++ b/src/assets/styles/bmc/custom/_forms.scss @@ -21,7 +21,7 @@ .custom-select, .form-control, .input-group-text { - border-color: gray("500") !important; + // border-color: gray("500") !important; background-color: gray("100"); } @@ -31,17 +31,14 @@ border: 1px solid $primary!important; } &:focus { - color: theme-color("dark"); - background-color: gray("100"); - box-shadow: inset 0 0 0 3px gray("100"), inset 0 0 0 5px $primary !important; + // color: theme-color("dark"); + // background-color: gray("100"); + // box-shadow: inset 0 0 0 3px gray("100"), inset 0 0 0 5px $primary !important; } &:disabled { background-color: gray("400"); color: gray("600"); } - &::placeholder { - color: gray("600"); - } &.is-invalid, &:invalid { border: 1px solid theme-color("danger") !important; @@ -57,17 +54,26 @@ // Inverted form colors .form-background { - background-color: gray("100"); + background-color: none; .custom-select, .form-control { - background-color: $white; + border-radius: 8px; + border: none; + background-color: $input-background; + &:hover { + // opacity: 0.1; + background-color: $input-background-hover; + } &:focus { - background-color: $white; + border: 1px solid gray("400"); } &:disabled { background-color: gray("400"); color: gray("600"); } + &.is-valid { + border: 1px solid gray("400"); + } } } @@ -95,7 +101,7 @@ } .custom-control-input:focus ~ .custom-control-label::before{ - box-shadow: 0 0 0 2px theme-color("primary"); + // box-shadow: 0 0 0 2px theme-color("primary"); } .custom-control-label::after { |