less/patternfly/bootstrap-select.less

   1 //
   2 // Bootstrap-select
   3 // --------------------------------------------------
   4
   5 .bootstrap-select.btn-group {
   6   &.form-control {
   7     margin-bottom: 0;
   8   }
   9   .btn {
  10     &:hover {
  11       border-color: @input-border-hover;
  12     }
  13     .caret {
  14       margin-top: -4px;
  15     }
  16     .form-control-outline();
  17     .has-error & {
  18       border-color: @state-danger-text;
  19       &:focus {
  20         border-color: darken(@state-danger-text, 10%);
  21         @shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten(@state-danger-text, 20%);
  22         .box-shadow(@shadow);
  23       }
  24     }
  25     .has-success & {
  26       border-color: @state-success-text;
  27       &:focus {
  28         border-color: darken(@state-success-text, 10%);
  29         @shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten(@state-success-text, 20%);
  30         .box-shadow(@shadow);
  31       }
  32     }
  33     .has-warning & {
  34       border-color: @state-warning-text;
  35       &:focus {
  36         border-color: darken(@state-warning-text, 10%);
  37         @shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten(@state-warning-text, 20%);
  38         .box-shadow(@shadow);
  39       }
  40     }
  41     .transition(~"border-color ease-in-out .15s, box-shadow ease-in-out .15s");
  42   }
  43   .dropdown-menu { // Also see navbar.less
  44     > .active > a {
  45       &, &:active {
  46         background-color: @dropdown-link-hover-bg !important;
  47         border-color: @dropdown-link-hover-border-color !important;
  48         color: @gray-dark !important;
  49         small {
  50           color: @gray-light !important;
  51         }
  52       }
  53     }
  54     > .disabled > a {
  55       color: @gray-light !important;
  56     }
  57     > .selected > a {
  58       background-color: @dropdown-link-active-bg !important;
  59       border-color: @dropdown-link-active-border-color !important;
  60       color: #fff !important;
  61       small {
  62         color: #70c8e7 !important;
  63         color:rgba(225, 255, 255, 0.5) !important;
  64       }
  65     }
  66     .divider {
  67       background: @dropdown-divider-bg !important;
  68       margin: @dropdown-divider-margin !important;
  69     }
  70     dt {
  71       color: #969696;
  72       font-weight:normal;
  73       padding: 1px 10px;
  74     }
  75     li {
  76       & > a.opt {
  77         padding: 1px 10px;
  78       }
  79       & a {
  80         &:active small {
  81           color: #70c8e7 !important;
  82           color:rgba(225, 255, 255, 0.5) !important;
  83         }
  84         &:hover, &:focus {
  85           small {
  86             color: @gray-light;
  87           }
  88         }
  89       }
  90       &:not(.disabled) {
  91         a:hover, a:focus {
  92           small {
  93             color: @gray-light;
  94           }
  95         }
  96       }
  97     }
  98   }
  99 }