@adobe/spectrum-css
Version:
The Spectrum CSS top-level backwards compatible package
43 lines (41 loc) • 985 B
CSS
.spectrum-Search {
display: inline-block;
position: relative;
}
.spectrum-Search .spectrum-ClearButton {
position: absolute;
right: 0;
top: 0;
}
.spectrum-Search-input {
display: block;
-webkit-appearance: none;
outline-offset: -2px;
padding-left: 36px;
text-indent: 0;
padding-right: 28px;
}
.spectrum-Search-input::-webkit-search-cancel-button,
.spectrum-Search-input::-webkit-search-decoration {
-webkit-appearance: none;
}
.spectrum-Search-input.spectrum-Textfield--quiet {
padding-left: 24px;
padding-right: 20px;
}
.spectrum-Search-input.spectrum-Textfield--quiet ~ .spectrum-Search-icon {
left: 0;
}
.spectrum-Search-input.spectrum-Textfield--quiet ~ .spectrum-Search-clear {
right: -8px;
}
.spectrum-Search-input.spectrum-Textfield--quiet ~ .spectrum-Search-rightIcon {
right: 0;
}
.spectrum-Search-icon {
display: block;
position: absolute;
left: 12px;
top: 8px;
pointer-events: none;
}