public-ui-kolibri

@mixin kol-input-container { .kol-input-container { $root: &; background-color: transparent; display: grid; width: 100%; min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); align-items: center; grid-template-columns: 1fr; &:has(> #{$root}__adornment--start:not(:empty)) { grid-template-columns: auto 1fr; } &:has(> #{$root}__adornment--end:not(:empty)) { grid-template-columns: 1fr auto; } &:has(> #{$root}__adornment--start:not(:empty)):has(> #{$root}__adornment--end:not(:empty)) { grid-template-columns: auto 1fr auto; } &__container { position: relative; } &__adornment { display: flex; align-items: center; .kol-icon { display: grid; height: var(--a11y-min-size); place-items: center; } } } }