12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394 |
- // Check/radio
- .form-check-input {
- background-color: $form-check-input-bg-alt;
- border: $form-check-input-border-alt;
- &:active {
- filter: $form-check-input-active-filter-alt;
- }
- &:focus {
- border-color: $form-check-input-focus-border-alt;
- box-shadow: $form-check-input-focus-box-shadow-alt;
- }
- &:checked {
- background-color: $form-check-input-checked-bg-color-alt;
- border-color: $form-check-input-checked-border-color-alt;
- &[type="checkbox"] {
- @if $enable-gradients {
- background-image: escape-svg($form-check-input-checked-bg-image-alt), var(--#{$variable-prefix}gradient);
- } @else {
- background-image: escape-svg($form-check-input-checked-bg-image-alt);
- }
- }
- &[type="radio"] {
- @if $enable-gradients {
- background-image: escape-svg($form-check-radio-checked-bg-image-alt), var(--#{$variable-prefix}gradient);
- } @else {
- background-image: escape-svg($form-check-radio-checked-bg-image-alt);
- }
- }
- }
- &[type="checkbox"]:indeterminate {
- background-color: $form-check-input-indeterminate-bg-color-alt;
- border-color: $form-check-input-indeterminate-border-color-alt;
- @if $enable-gradients {
- background-image: escape-svg($form-check-input-indeterminate-bg-image-alt), var(--#{$variable-prefix}gradient);
- } @else {
- background-image: escape-svg($form-check-input-indeterminate-bg-image-alt);
- }
- }
- &:disabled {
- opacity: $form-check-input-disabled-opacity-alt;
- }
- // Use disabled attribute in addition of :disabled pseudo-class
- &[disabled],
- &:disabled {
- ~ .form-check-label {
- opacity: $form-check-label-disabled-opacity-alt;
- }
- }
- }
- .form-check-label {
- color: $form-check-label-color-alt;
- }
- // Switch
- .form-switch {
- .form-check-input {
- background-image: escape-svg($form-switch-bg-image-alt);
- &:focus {
- background-image: escape-svg($form-switch-focus-bg-image-alt);
- }
- &:checked {
- @if $enable-gradients {
- background-image: escape-svg($form-switch-checked-bg-image-alt), var(--#{$variable-prefix}gradient);
- } @else {
- background-image: escape-svg($form-switch-checked-bg-image-alt);
- }
- }
- }
- }
- .btn-check {
- &[disabled],
- &:disabled {
- + .btn {
- opacity: $form-check-btn-check-disabled-opacity-alt;
- }
- }
- }
|