@vue-material/core
Version:
Yet another 'Material Design Components' library for Vue3.
7 lines (6 loc) • 1.11 kB
JavaScript
import $i from "../../attach-styles.js";
$i(".md-scroller{display:grid;overflow:hidden;margin-left:calc(-1 * var(--md))}.md-scroller-wrapper{height:100%;position:relative;display:flex;padding-left:var(--md);overflow:hidden}.md-scroller-content{height:100%;position:relative;width:max-content;text-wrap:nowrap}.md-scroller:not(.scroll) *{animation-play-state:paused!important}.md-scroller.cloned .md-scroller-content{padding-right:var(--spacing);animation:scroll var(--speed) linear infinite}.md-scroller.cloned.continuous .md-scroller-content{animation:scroll-continuous var(--speed) linear infinite}.md-scroller.cloned:hover .md-scroller-content{animation-play-state:paused}.md-scroller.cloned .md-scroller-wrapper{mask-image:linear-gradient(to left,rgba(0,0,0,0) 0%,#000 var(--md),#000 calc(100% - var(--md)),rgba(0,0,0,0) 100%)}@keyframes scroll{0%{transform:translate(0)}25%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes scroll-continuous{0%{transform:translate(0)}to{transform:translate(-100%)}}", "620ed013");
import _sfc_main from "./scroller.vue.js";
export {
_sfc_main as default
};