// Disabled comes first so active can properly restyle
&.disabled,
&:disabled {
- cursor: $cursor-disabled;
opacity: .65;
@include box-shadow(none);
}
&:disabled {
~ .custom-control-indicator {
- cursor: $custom-control-disabled-cursor;
background-color: $custom-control-disabled-indicator-bg;
}
~ .custom-control-description {
color: $custom-control-disabled-description-color;
- cursor: $custom-control-disabled-cursor;
}
}
}
&:disabled {
color: $custom-select-disabled-color;
- cursor: $cursor-disabled;
background-color: $custom-select-disabled-bg;
}
&.disabled,
&:disabled {
color: $dropdown-link-disabled-color;
- cursor: $cursor-disabled;
background-color: transparent;
// Remove CSS gradients if they're enabled
@if $enable-gradients {
// iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655.
opacity: 1;
}
-
- &:disabled {
- cursor: $cursor-disabled;
- }
}
select.form-control {
&.disabled {
.form-check-label {
color: $text-muted;
- cursor: $cursor-disabled;
}
}
}
&.disabled,
&:disabled {
color: $list-group-disabled-color;
- cursor: $cursor-disabled;
background-color: $list-group-disabled-bg;
}
text-decoration: none;
}
- // Disabled state lightens text and removes hover/tab effects
+ // Disabled state lightens text
&.disabled {
color: $nav-disabled-link-color;
- cursor: $cursor-disabled;
}
}
&.disabled .page-link {
color: $pagination-disabled-color;
pointer-events: none;
- cursor: $cursor-disabled; // While `pointer-events: none` removes the cursor in modern browsers, we provide a disabled cursor as a fallback.
background-color: $pagination-disabled-bg;
border-color: $pagination-disabled-border;
}
input[type="checkbox"] {
box-sizing: border-box; // 1. Add the correct box sizing in IE 10-
padding: 0; // 2. Remove the padding in IE 10-
-
- // Apply a disabled cursor for radios and checkboxes.
- //
- // Note: Neither radios nor checkboxes can be readonly.
- &:disabled {
- cursor: $cursor-disabled;
- }
}
$input-group-addon-bg: $gray-lighter !default;
$input-group-addon-border-color: $input-border-color !default;
-$cursor-disabled: not-allowed !default;
-
$custom-control-gutter: 1.5rem !default;
$custom-control-spacer-y: .25rem !default;
$custom-control-spacer-x: 1rem !default;
$custom-control-indicator-bg-size: 50% 50% !default;
$custom-control-indicator-box-shadow: inset 0 .25rem .25rem rgba($black,.1) !default;
-$custom-control-disabled-cursor: $cursor-disabled !default;
$custom-control-disabled-indicator-bg: $gray-lighter !default;
$custom-control-disabled-description-color: $gray-light !default;