1.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
20  color: theme-color("dark") !important;
21  font-size: 16px;
22  border-color: gray("400") !important;
23  &.is-invalid,
24  &:invalid {
25    border-bottom: 2px solid theme-color("danger") !important;
26  }
27}
28
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}
38
39.b-form-tag-remove {
40  // X button to remove tag
41  font-weight: normal;
42}
43
44.b-form-tags-button {
45  // Add button inside input field
46  white-space: nowrap;
47  margin-right: -$spacer;
48  &.btn-link-primary {
49    color: theme-color("primary");
50    fill: currentColor;
51  }
52}
53
54.form-background {
55  background-color: gray("200");
56}