blob: d9ae9d4053f2c337db2a86cd535dc988fab4e005 [file] [log] [blame]
Yoshie Muranaka4b0fc1d2020-01-06 07:36:16 -08001.form-text {
2 margin-top: -$spacer / 4;
3 margin-bottom: $spacer / 2;
4 color: $gray-800;
5}
6
7.col-form-label {
8 color: $gray-800;
9 font-size: 14px;
10}
11
12.form-group {
13 margin-bottom: $spacer * 2;
14}
15
16.custom-select,
17.custom-control-label,
18.form-control {
19 //important needed to override validation colors on radio labels
Derick Montague7f970a12020-03-02 17:56:09 -060020 color: $dark !important;
Dixsie Wolmers8048c9a2020-02-19 18:39:31 -060021 font-size: 16px;
22 border-color: $gray-400 !important;
Yoshie Muranaka4b0fc1d2020-01-06 07:36:16 -080023 &.is-invalid,
24 &:invalid {
Dixsie Wolmers8048c9a2020-02-19 18:39:31 -060025 border-bottom: 2px solid $danger !important;
Yoshie Muranaka4b0fc1d2020-01-06 07:36:16 -080026 }
Dixsie Wolmers8048c9a2020-02-19 18:39:31 -060027}
Yoshie Muranakac05ff642020-02-26 14:23:15 -080028
29.custom-control {
30 .custom-control-input[disabled=disabled] {
31 & + .custom-control-label {
32 // Disabled label for checkbox, radio,
33 // switch bootstrap form components
34 color: $gray-700!important;
35 }
36 }
37}