ivue-material-plus
Version:
A high quality UI components Library with Vue.js
1 lines • 2.13 kB
CSS
:root{--ivue-carousel-loop-icon-font-size:24px;--ivue-carousel-loop-icon-size:36px;--ivue-carousel-loop-icon-left:16px;--ivue-carousel-loop-icon-right:16px;--ivue-carousel-loop-icon-outside-left:-52px;--ivue-carousel-loop-icon-outside-right:-52px;--ivue-carousel-loop-arrow-bg:rgba(31, 45, 61, 0.11)}.ivue-carousel-loop{position:relative;width:100%}.ivue-carousel-loop:hover .ivue-carousel-loop-arrow--hover{opacity:1}.ivue-carousel-loop-scroll{width:100%;height:100%;overflow:hidden}.ivue-carousel-loop-content{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex}.ivue-carousel-loop-content .copy-track{position:absolute}.ivue-carousel-loop-list{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;will-change:transform}.ivue-carousel-loop .ivue-carousel-loop-arrow{position:absolute;top:50%;text-align:center;font-family:inherit;line-height:inherit;border:none;outline:0;padding:0;margin:0;width:var(--ivue-carousel-loop-icon-size);min-width:var(--ivue-carousel-loop-icon-size);height:var(--ivue-carousel-loop-icon-size);border-radius:50%;cursor:pointer;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:var(--ivue-all-transition);transition:var(--ivue-all-transition);color:var(--ivue-white-color);background-color:var(--ivue-carousel-loop-arrow-bg);z-index:15}.ivue-carousel-loop .ivue-carousel-loop-arrow i{font-size:var(--ivue-carousel-loop-icon-font-size)}.ivue-carousel-loop .ivue-carousel-loop-arrow.left{left:var(--ivue-carousel-loop-icon-left)}.ivue-carousel-loop .ivue-carousel-loop-arrow.right{right:var(--ivue-carousel-loop-icon-right)}.ivue-carousel-loop .ivue-carousel-loop-arrow--hover{opacity:0}.ivue-carousel-loop .ivue-carousel-loop-arrow--never{display:none}.ivue-carousel-loop .ivue-carousel-loop-arrow--outside.left{left:var(--ivue-carousel-loop-icon-outside-left)}.ivue-carousel-loop .ivue-carousel-loop-arrow--outside.right{right:var(--ivue-carousel-loop-icon-outside-right)}.ivue-carousel-loop .ivue-carousel-loop-arrow--slot{width:auto;min-width:auto;height:auto;border-radius:0;background:0 0}