@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/).
84 lines • 2.23 kB
CSS
/* ------------------------------------
* Administration variables
* Table of contents
*
* 1. Primary colors
* 2. Status colors
* 3. Module colors
* 4. Generic colors
* 5. Gradients
* 6. Typography
* 7. Miscellaneous
* 8. z-index
* 9. Global widths
* ------------------------------------ */
/* ------------------------------------
* 1. Primary colors
* ------------------------------------ */
/* ------------------------------------
* 2. Status colors
* ------------------------------------ */
/* ------------------------------------
* 3. Module colors
* ------------------------------------ */
/* ------------------------------------
* 4. Generic colors
* ------------------------------------ */
/* ------------------------------------
* 5. Gradients
* ------------------------------------ */
/* ------------------------------------
* 6. Typography
* ------------------------------------ */
/* ------------------------------------
* 7. Miscellaneous
* ------------------------------------ */
/* ------------------------------------
* 8. z-index
* ------------------------------------ */
.mt-floating-ui {
display: inline-block;
position: relative;
}
.mt-floating-ui .mt-floating-ui__trigger {
display: inline-block;
}
.mt-floating-ui__content {
position: fixed;
top: 0;
left: 0;
z-index: 1070;
/***
* Arrow indicator
*/
}
.mt-floating-ui__content[data-show] {
display: block;
}
.mt-floating-ui__content .mt-floating-ui__arrow {
position: absolute;
width: var(--scale-size-8);
height: var(--scale-size-8);
background: inherit;
transform: rotate(45deg);
}
.mt-floating-ui__content.mt-floating-ui--top .mt-popover__content {
transform-origin: top;
}
.mt-floating-ui__content.mt-floating-ui--right .mt-popover__content {
transform-origin: right;
}
.mt-floating-ui__content.mt-floating-ui--bottom .mt-popover__content {
transform-origin: bottom;
}
.mt-floating-ui__content.mt-floating-ui--left .mt-popover__content {
transform-origin: left;
}
.popoverTransition-enter-active,
.popoverTransition-leave-active {
transition: transform 0.15s, opacity 0.15s;
}
.popoverTransition-enter, .popoverTransition-leave-to {
transform: scale3d(1, 0, 1);
opacity: 0;
}