2 lines
8.3 KiB
CSS
2 lines
8.3 KiB
CSS
|
.vp-portfolio{--vp-layout-slider--arrows__width:2em;--vp-layout-slider--arrows__height:2em;--vp-layout-slider--arrows__offset:10px;--vp-layout-slider--arrows__compensation:10px;--vp-layout-slider--arrows__color:var(--vp-color-gray);--vp-layout-slider--arrows__background-color:#fff;--vp-layout-slider--arrows__border-radius:50%;--vp-layout-slider--arrows__box-shadow:0 0 7px 2px rgba(0,0,0,.04);--vp-layout-slider--arrows__opacity:0.5;--vp-layout-slider--arrows-hover__box-shadow:0 2px 15px 2px rgba(0,0,0,.04);--vp-layout-slider--arrows-hover__opacity:1;--vp-layout-slider--bullets__margin-top:2em;--vp-layout-slider--bullets__width:0.4em;--vp-layout-slider--bullets__height:0.4em;--vp-layout-slider--bullets__gap:0.4em;--vp-layout-slider--bullets__compensation:4px;--vp-layout-slider--bullets__background-color:currentcolor;--vp-layout-slider--bullets__border-radius:50%;--vp-layout-slider--bullets__opacity:0.2;--vp-layout-slider--bullets-hover__opacity:0.5;--vp-layout-slider--bullets-active__opacity:1;--vp-layout-slider--thumbnails__opacity:0.5;--vp-layout-slider--thumbnails-hover__opacity:1;--vp-layout-slider--thumbnails-active__opacity:1;--vp-layout-slider__transition-duration:var(--vp-interactive__transition-duration);--vp-layout-slider__transition-easing:var(--vp-interactive__transition-easing)}[data-vp-layout=slider] .vp-portfolio__items-wrap:not(.swiper) .vp-portfolio__items,[data-vp-layout=slider] .vp-portfolio__thumbnails-wrap:not(.swiper) .vp-portfolio__thumbnails{box-sizing:content-box;display:flex;position:relative}[data-vp-layout=slider] .vp-portfolio__items-wrap:not(.swiper) .vp-portfolio__items .vp-portfolio__item-wrap,[data-vp-layout=slider] .vp-portfolio__thumbnails-wrap:not(.swiper) .vp-portfolio__thumbnails .vp-portfolio__thumbnail-wrap{min-width:calc(100%/var(--vp-layout-slider__initial-slides-per-view, 8));width:calc(100%/var(--vp-layout-slider__initial-slides-per-view, 8))}[data-vp-layout=slider][data-vp-slider-slides-per-view="1"] .vp-portfolio__items-wrap:not(.swiper),[data-vp-layout=slider][data-vp-slider-thumbnails-per-view="1"] .vp-portfolio__thumbnails-wrap:not(.swiper){--vp-layout-slider__initial-slides-per-view:1}[data-vp-layout=slider][data-vp-slider-slides-per-view="2"] .vp-portfolio__items-wrap:not(.swiper),[data-vp-layout=slider][data-vp-slider-thumbnails-per-view="2"] .vp-portfolio__thumbnails-wrap:not(.swiper){--vp-layout-slider__initial-slides-per-view:2}[data-vp-layout=slider][data-vp-slider-slides-per-view="3"] .vp-portfolio__items-wrap:not(.swiper),[data-vp-layout=slider][data-vp-slider-thumbnails-per-view="3"] .vp-portfolio__thumbnails-wrap:not(.swiper){--vp-layout-slider__initial-slides-per-view:3}[data-vp-layout=slider][data-vp-slider-slides-per-view="4"] .vp-portfolio__items-wrap:not(.swiper),[data-vp-layout=slider][data-vp-slider-thumbnails-per-view="4"] .vp-portfolio__thumbnails-wrap:not(.swiper){--vp-layout-slider__initial-slides-per-view:4}[data-vp-layout=slider][data-vp-slider-slides-per-view="5"] .vp-portfolio__items-wrap:not(.swiper),[data-vp-layout=slider][data-vp-slider-thumbnails-per-view="5"] .vp-portfolio__thumbnails-wrap:not(.swiper){--vp-layout-slider__initial-slides-per-view:5}[data-vp-layout=slider][data-vp-slider-slides-per-view="6"] .vp-portfolio__items-wrap:not(.swiper),[data-vp-layout=slider][data-vp-slider-thumbnails-per-view="6"] .vp-portfolio__thumbnails-wrap:not(.swiper){--vp-layout-slider__initial-slides-per-view:6}[data-vp-layout=slider][data-vp-slider-slides-per-view="7"] .vp-portfolio__items-wrap:not(.swiper),[data-vp-layout=slider][data-vp-slider-thumbnails-per-view="7"] .vp-portfolio__thumbnails-wrap:not(.swiper){--vp-layout-slider__initial-slides-per-view:7}[data-vp-layout=slider][data-vp-slider-slides-per-view="8"] .vp-portfolio__items-wrap:not(.swiper),[data-vp-layout=slider][data-vp-slider-thumbnails-per-view="8"] .vp-portfolio__thumbnails-wrap:not(.swiper){--vp-layout-slider__initial-slides-per-view:8}[data-vp-layout=slider] .vp-portfolio__thumbnail-img-wrap{display:block;overflow:hidden;position:relative}[data-vp-layout=slider] .vp-portfolio__item-img-
|