| // |
| // Search |
| // -------------------------------------------------- |
| |
| .search-pf { |
| &.has-button { |
| border-collapse: separate; |
| display: table; |
| .form-group { |
| display: table-cell; |
| width: 100%; |
| .btn { |
| .box-shadow(none); |
| float: left; |
| margin-left: -1px; |
| &.btn-lg { |
| font-size: (@font-size-large + .5); // to make button height consistent across browsers! |
| } |
| &.btn-sm { |
| font-size: (@font-size-small - .3); // to make button height consistent across browsers! |
| } |
| } |
| .form-control { |
| float: left; |
| } |
| } |
| } |
| .has-clear { |
| .clear { |
| background: fade(@color-pf-white, 0%); // to make the whole button clickable in IE9+ |
| border: 0; |
| height: (@input-height-base - 1); |
| line-height: 1; |
| padding: 0; |
| position: absolute; |
| right: 1px; |
| top: 1px; |
| width: 28px; |
| &:focus { |
| outline: none; |
| } |
| } |
| .form-control { |
| padding-right: 30px; |
| &::-ms-clear { |
| display: none; |
| } |
| } |
| .input-lg + .clear { |
| height: (@input-height-large - 2); |
| width: 28px; |
| } |
| .input-sm + .clear { |
| height: (@input-height-small - 2); |
| width: 28px; |
| span { |
| font-size: (@font-size-base - 2); |
| } |
| } |
| .search-pf-input-group { |
| position: relative; |
| } |
| } |
| } |