@lyra/components
Version:
Basic UX components
33 lines (26 loc) • 551 B
CSS
@import 'part:@lyra/base/theme/variables-style';
.container {
position: relative;
}
.input {
composes: textInput from 'part:@lyra/base/theme/forms/text-input-style';
position: relative;
@nest .isClearable & {
padding-right: 2em;
}
@nest &:disabled {
background-color: transparent;
}
}
.clearButton {
composes: textInput from 'part:@lyra/base/theme/forms/clear-button-style';
position: absolute;
top: 0;
right: 0.5em;
display: flex;
height: 100%;
align-items: center;
@nest & svg {
color: inherit;
}
}