7 min-height: $form-check-min-height;
8 padding-left: $form-check-padding-start;
9 margin-bottom: $form-check-margin-bottom;
13 margin-left: $form-check-padding-start * -1;
18 padding-right: $form-check-padding-start;
24 margin-right: $form-check-padding-start * -1;
30 width: $form-check-input-width;
31 height: $form-check-input-width;
32 margin-top: ($line-height-base - $form-check-input-width) * .5; // line-height minus check height
34 background-color: $form-check-input-bg;
35 background-repeat: no-repeat;
36 background-position: center;
37 background-size: contain;
38 border: $form-check-input-border;
40 print-color-adjust: exact; // Keep themed appearance for print
41 @include transition($form-check-transition);
44 @include border-radius($form-check-input-border-radius);
48 // stylelint-disable-next-line property-disallowed-list
49 border-radius: $form-check-radio-border-radius;
53 filter: $form-check-input-active-filter;
57 border-color: $form-check-input-focus-border;
59 box-shadow: $form-check-input-focus-box-shadow;
63 background-color: $form-check-input-checked-bg-color;
64 border-color: $form-check-input-checked-border-color;
67 @if $enable-gradients {
68 background-image: escape-svg($form-check-input-checked-bg-image), var(--#{$prefix}gradient);
70 background-image: escape-svg($form-check-input-checked-bg-image);
75 @if $enable-gradients {
76 background-image: escape-svg($form-check-radio-checked-bg-image), var(--#{$prefix}gradient);
78 background-image: escape-svg($form-check-radio-checked-bg-image);
83 &[type="checkbox"]:indeterminate {
84 background-color: $form-check-input-indeterminate-bg-color;
85 border-color: $form-check-input-indeterminate-border-color;
87 @if $enable-gradients {
88 background-image: escape-svg($form-check-input-indeterminate-bg-image), var(--#{$prefix}gradient);
90 background-image: escape-svg($form-check-input-indeterminate-bg-image);
97 opacity: $form-check-input-disabled-opacity;
100 // Use disabled attribute in addition of :disabled pseudo-class
101 // See: https://github.com/twbs/bootstrap/issues/28247
104 ~ .form-check-label {
106 opacity: $form-check-label-disabled-opacity;
112 color: $form-check-label-color;
113 cursor: $form-check-label-cursor;
121 padding-left: $form-switch-padding-start;
124 width: $form-switch-width;
125 margin-left: $form-switch-padding-start * -1;
126 background-image: escape-svg($form-switch-bg-image);
127 background-position: left center;
128 @include border-radius($form-switch-border-radius);
129 @include transition($form-switch-transition);
132 background-image: escape-svg($form-switch-focus-bg-image);
136 background-position: $form-switch-checked-bg-position;
138 @if $enable-gradients {
139 background-image: escape-svg($form-switch-checked-bg-image), var(--#{$prefix}gradient);
141 background-image: escape-svg($form-switch-checked-bg-image);
146 &.form-check-reverse {
147 padding-right: $form-switch-padding-start;
151 margin-right: $form-switch-padding-start * -1;
158 display: inline-block;
159 margin-right: $form-check-inline-margin-end;
164 clip: rect(0, 0, 0, 0);
165 pointer-events: none;
170 pointer-events: none;
172 opacity: $form-check-btn-check-disabled-opacity;