@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/).
34 lines (32 loc) • 803 B
CSS
.mt-help-text {
&[data-v-9f6b1469] {
color: var(--color-icon-brand-default);
display: inline-flex;
align-items: center;
height: var(--scale-size-16);
width: var(--scale-size-16);
justify-content: center;
position: relative;
border-radius: var(--border-radius-round);
}
&[data-v-9f6b1469]:focus-visible {
outline-offset: 0.25rem;
outline: 2px solid var(--color-border-brand-default);
}
&[data-v-9f6b1469]:where(:hover, :focus-visible) {
color: var(--color-icon-brand-hover);
}
}
.mt-help-text[data-v-9f6b1469]::after {
content: "";
display: block;
position: absolute;
inset: 0;
scale: 0.9;
background-color: var(--color-static-white);
z-index: -1;
border-radius: var(--border-radius-round);
}
.mt-help-text__tooltip-text[data-v-9f6b1469] {
display: none;
}