@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/).
37 lines (35 loc) • 1.15 kB
CSS
.mt-text-editor-toolbar[data-v-20dee6c8] {
padding: 0 var(--scale-size-6);
border-radius: var(--border-radius-xs) var(--border-radius-xs) 0 0;
height: var(--scale-size-36);
user-select: none;
width: 100%;
background: var(--color-background-tertiary-default);
border-bottom: 1px solid var(--color-border-primary-default);
color: var(--color-text-secondary-default);
display: flex;
}
.mt-text-editor-toolbar__buttons-left[data-v-20dee6c8],
.mt-text-editor-toolbar__buttons-right[data-v-20dee6c8] {
display: flex;
align-items: center;
height: 100%;
}
.mt-text-editor-toolbar__buttons-right[data-v-20dee6c8] {
margin-left: auto;
}
.mt-text-editor-toolbar[data-v-20dee6c8] .mt-floating-ui {
height: inherit;
}
.mt-text-editor-toolbar[data-v-20dee6c8] .mt-floating-ui__trigger {
display: block;
height: inherit;
}
.mt-text-editor--inline-edit .mt-text-editor-toolbar[data-v-20dee6c8] {
border: none;
border-radius: var(--border-radius-xs);
box-shadow:
0 1px 1px var(--color-elevation-shadow-default),
0 2px 1px var(--color-elevation-shadow-default),
0 1px 3px var(--color-elevation-shadow-default);
}