@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/).
27 lines (25 loc) • 647 B
CSS
.mt-text-editor-toolbar-button {
&[data-v-aa77fa3f] {
display: flex;
justify-content: center;
align-items: center;
width: var(--scale-size-32);
height: 100%;
}
.mt-icon[data-v-aa77fa3f] {
transition: 0.1s all ease-in-out;
color: var(--color-text-secondary-default);
}
&:hover .mt-icon[data-v-aa77fa3f] {
color: var(--color-interaction-primary-hover);
}
&.is-active .mt-icon[data-v-aa77fa3f] {
color: var(--color-interaction-primary-pressed);
}
&[data-v-aa77fa3f]:disabled {
cursor: not-allowed;
}
}
.mt-text-editor-toolbar-button:disabled .mt-icon[data-v-aa77fa3f] {
color: var(--color-text-secondary-disabled);
}