public-ui-kolibri

@use '../@shared/input-text' as *; @use '../mixins/to-rem' as *; @use '../mixins/button' as *; @layer kol-theme-component { @include kol-button('kol-button'); .kol-input-container { padding: 0; gap: initial; &__filename { color: var(--color-subtle); padding-left: to-rem(8); } &--is-dragover { border-color: var(--color-primary); } &:has(&__adornment--start:not(:empty)) &__filename { padding-left: to-rem(52); } } .kol-button { &__text { white-space: nowrap; border-bottom-left-radius: 0; border-bottom-right-radius: calc(var(--border-radius) - 2px); border-top-left-radius: 0; border-top-right-radius: calc(var(--border-radius) - 2px); } } .kol-input { background-color: transparent; padding-top: calc(0.5em + to-rem(2)); } }