| // |
| // Bootstrap-select |
| // -------------------------------------------------- |
| |
| .bootstrap-select.btn-group { |
| &.form-control { |
| margin-bottom: 0; |
| } |
| .btn { |
| &:hover { |
| border-color: @input-border-hover; |
| } |
| .caret { |
| margin-top: -4px; |
| } |
| .form-control-outline(); |
| .has-error & { |
| border-color: @state-danger-text; |
| &:focus { |
| border-color: darken(@state-danger-text, 10%); |
| @shadow: inset 0 1px 1px fade(@color-pf-black, 7.5%), 0 0 6px lighten(@state-danger-text, 20%); |
| .box-shadow(@shadow); |
| } |
| } |
| .has-success & { |
| border-color: @state-success-text; |
| &:focus { |
| border-color: darken(@state-success-text, 10%); |
| @shadow: inset 0 1px 1px fade(@color-pf-black, 7.5%), 0 0 6px lighten(@state-success-text, 20%); |
| .box-shadow(@shadow); |
| } |
| } |
| .has-warning & { |
| border-color: @state-warning-text; |
| &:focus { |
| border-color: darken(@state-warning-text, 10%); |
| @shadow: inset 0 1px 1px fade(@color-pf-black, 7.5%), 0 0 6px lighten(@state-warning-text, 20%); |
| .box-shadow(@shadow); |
| } |
| } |
| .transition(~"border-color ease-in-out .15s, box-shadow ease-in-out .15s"); |
| } |
| .dropdown-menu { // Also see navbar.less |
| > .active > a { |
| &, |
| &:active { |
| background-color: @dropdown-link-hover-bg !important; |
| border-color: @dropdown-link-hover-border-color !important; |
| color: @gray-dark !important; |
| small { |
| color: @gray-light !important; |
| } |
| } |
| } |
| > .disabled > a { |
| color: @gray-light !important; |
| } |
| > .selected > a { |
| background-color: @dropdown-link-active-bg !important; |
| border-color: @dropdown-link-active-border-color !important; |
| color: @color-pf-white !important; |
| small { |
| color: fade(@color-pf-white, 50%) !important; |
| } |
| } |
| .divider { |
| background: @dropdown-divider-bg !important; |
| margin: @dropdown-divider-margin !important; |
| } |
| dt { |
| color: @color-pf-black-500; |
| font-weight:normal; |
| padding: 1px 10px; |
| } |
| li { |
| & > a.opt { |
| padding: 1px 10px; |
| } |
| & a { |
| &:active small { |
| color: fade(@color-pf-white, 50%) !important; |
| } |
| &:hover, |
| &:focus { |
| small { |
| color: @gray-light; |
| } |
| } |
| } |
| &:not(.disabled) { |
| a:hover, |
| a:focus { |
| small { |
| color: @gray-light; |
| } |
| } |
| } |
| } |
| } |
| } |
