less/patternfly/search.less

   1 //
   2 // Search
   3 // --------------------------------------------------
   4
   5 .search-pf {
   6   &.has-button {
   7     border-collapse: separate;
   8     display: table;
   9     .form-group {
  10       display: table-cell;
  11       width: 100%;
  12       .btn {
  13         .box-shadow(none);
  14         float: left;
  15         margin-left: -1px;
  16         &.btn-lg {
  17           font-size: @font-size-large + .5; // to make button height consistent across browsers!
  18         }
  19         &.btn-sm {
  20           font-size: @font-size-small - .3; // to make button height consistent across browsers!
  21         }
  22       }
  23       .form-control {
  24         float: left;
  25       }
  26     }
  27   }
  28   .has-clear {
  29     .clear {
  30       background: transparent; // IE8
  31       background: rgba(255,255,255,0); // to make the whole button clickable in IE9+
  32       border: 0;
  33       height: @input-height-base - 1;
  34       line-height: 1;
  35       padding: 0;
  36       position: absolute;
  37       right: 1px;
  38       top: 1px;
  39       width: 28px;
  40       &:focus {
  41         outline: none;
  42       }
  43     }
  44     .form-control {
  45       padding-right: 30px;
  46       &::-ms-clear {
  47         display: none;
  48       }
  49     }
  50     .input-lg + .clear {
  51       height: @input-height-large - 2;
  52       width: 28px;
  53     }
  54     .input-sm  + .clear {
  55       height: @input-height-small - 2;
  56       width: 28px;
  57       span {
  58         font-size: @font-size-base - 2;
  59       }
  60     }
  61     .search-pf-input-group {
  62       position: relative;
  63     }
  64   }
  65 }