@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
CSS
.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);
}
}