diff options
Diffstat (limited to 'src/assets/styles/bmc/_sila/_forms.scss')
-rw-r--r-- | src/assets/styles/bmc/_sila/_forms.scss | 39 |
1 files changed, 19 insertions, 20 deletions
diff --git a/src/assets/styles/bmc/_sila/_forms.scss b/src/assets/styles/bmc/_sila/_forms.scss index 82f7b710..5a5d61c6 100644 --- a/src/assets/styles/bmc/_sila/_forms.scss +++ b/src/assets/styles/bmc/_sila/_forms.scss @@ -4,7 +4,7 @@ line-height: $form-line-height; margin-top: -$spacer / 4; margin-bottom: $spacer / 2; - color: gray("700")!important; + color: gray("700") !important; } // Legend label @@ -45,7 +45,7 @@ } .custom-select { - background-image: url('~@/assets/images/_sila/chevron-down.svg'); + background-image: url("~@/assets/images/_sila/chevron-down.svg"); background-size: 18px; } @@ -54,7 +54,7 @@ -webkit-appearance: none; margin: 0; } -.form-control[type='number'] { +.form-control[type="number"] { -moz-appearance: textfield; } @@ -116,8 +116,10 @@ } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after, -.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before, -.custom-control-input:checked ~ .custom-control-label::before { +.custom-checkbox + .custom-control-input:indeterminate + ~ .custom-control-label::before, +.custom-control-input:checked ~ .custom-control-label::before { border: 1px solid $red !important; background-color: $red !important; box-shadow: 0px 0px 0px 3px $white inset; @@ -127,16 +129,16 @@ } } -.custom-radio .custom-control-input:checked ~ .custom-control-label::after{ +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: none; } .custom-control { - .custom-control-input[disabled=disabled] { + .custom-control-input[disabled="disabled"] { & + .custom-control-label { // Disabled label for checkbox, radio, // switch bootstrap form components - color: gray("600")!important; + color: gray("600") !important; } } } @@ -146,13 +148,11 @@ height: 16px; } -.custom-switch -.custom-control-input:focus ~ .custom-control-label::before { +.custom-switch .custom-control-input:focus ~ .custom-control-label::before { box-shadow: none; } -.custom-switch -.custom-control-input ~ .custom-control-label::after { +.custom-switch .custom-control-input ~ .custom-control-label::after { border: 1px solid $gray-20; background: $white; } @@ -166,8 +166,7 @@ border-color: $gray-20; } -.custom-switch -.custom-control-input ~ .custom-control-label::before { +.custom-switch .custom-control-input ~ .custom-control-label::before { border: 1px solid $gray-20; background: rgba(4, 10, 15, 0.3); } @@ -192,10 +191,10 @@ } // Form validation icon - .form-control.is-invalid, - .form-control.is-valid { - background-position: right 1rem bottom 50%; - } +.form-control.is-invalid, +.form-control.is-valid { + background-position: right 1rem bottom 50%; +} // Form validation icon with datepicker or password toggle icon .form-control-with-button { @@ -208,7 +207,7 @@ .invisible { height: 0; margin-bottom: 0; -} +} // Global style progress bar .progress { height: 8px; @@ -241,4 +240,4 @@ display: flex; flex-direction: column; } -}
\ No newline at end of file +} |