UNPKG

@shopware-ag/meteor-component-library

Version:

The meteor component library is a Vue component library developed by Shopware. It is based on the [Meteor Design System](https://shopware.design/).

24 lines (22 loc) 632 B
.mt-password-field[data-v-4c5260c9] .mt-block-field__block { &:has(input:disabled) { background-color: var(--color-background-tertiary-default); } } .mt-password-field__visibility-toggle { &[data-v-4c5260c9] { align-self: center; display: grid; place-items: center; border-radius: var(--border-radius-xs); height: var(--scale-size-32); width: var(--scale-size-32); margin-right: var(--scale-size-8); } &[data-v-4c5260c9]:is(:hover, :focus-visible) { background-color: var(--color-interaction-secondary-hover); } &[data-v-4c5260c9]:focus-visible { outline: 2px solid var(--color-border-brand-default); } }