@adobe/spectrum-css
Version:
The Spectrum CSS top-level backwards compatible package
18 lines (14 loc) • 701 B
CSS
.spectrum-DecoratedTextfield {
display: inline-block;
position: relative;
}
.spectrum-DecoratedTextfield-icon {
width: var(--spectrum-textfield-icon-size, var(--spectrum-global-dimension-size-225));
height: var(--spectrum-textfield-icon-size, var(--spectrum-global-dimension-size-225));
position: absolute;
bottom: calc(var(--spectrum-textfield-icon-frame) / 2 - var(--spectrum-textfield-icon-size, var(--spectrum-global-dimension-size-225)) / 2);
right: calc(var(--spectrum-textfield-icon-frame) / 2 - var(--spectrum-textfield-icon-size, var(--spectrum-global-dimension-size-225)) / 2);
}
.spectrum-DecoratedTextfield-field {
padding-right: var(--spectrum-textfield-icon-frame);
}