blob: 450fdcc97f42691cf6fb58e3458a37d0110056b4 [file] [log] [blame]
//
// 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;
}
}
}