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-wrap:before,[data-vp-layout=slider] .vp-portfolio__thumbnail-img-wrap:before{content:"";display:block}[data-vp-layout=slider] .vp-portfolio__item-img img,[data-vp-layout=slider] .vp-portfolio__thumbnail-img img{-o-object-fit:var(--vp-images__object-fit);object-fit:var(--vp-images__object-fit);-o-object-position:var(--vp-images__object-position);object-position:var(--vp-images__object-position)}[data-vp-layout=slider] .vp-portfolio__items-arrow{align-items:center;background-color:var(--vp-layout-slider--arrows__background-color);border-radius:var(--vp-layout-slider--arrows__border-radius);box-shadow:var(--vp-layout-slider--arrows__box-shadow);color:var(--vp-layout-slider--arrows__color);cursor:pointer;display:flex;height:var(--vp-layout-slider--arrows__height);justify-content:center;margin-top:calc(var(--vp-layout-slider--arrows__height)*-1/2);opacity:var(--vp-layout-slider--arrows__opacity);position:absolute;top:50%;transition:var(--vp-layout-slider__transition-duration) opacity var(--vp-layout-slider__transition-easing),var(--vp-layout-slider__transition-duration) box-shadow var(--vp-layout-slider__transition-easing);width:var(--vp-layout-slider--arrows__width);z-index:1}[data-vp-layout=slider] .vp-portfolio__items-arrow:after{bottom:calc(var(--vp-layout-slider--arrows__compensation)*-1);content:"";display:block;left:calc(var(--vp-layout-slider--arrows__compensation)*-1);position:absolute;right:calc(var(--vp-layout-slider--arrows__compensation)*-1);top:calc(var(--vp-layout-slider--arrows__compensation)*-1)}[data-vp-layout=slider] .vp-portfolio__items-arrow:hover{box-shadow:var(--vp-layout-slider--arrows-hover__box-shadow);opacity:var(--vp-layout-slider--arrows-hover__opacity)}[data-vp-layout=slider] .vp-portfolio__items-arrow-prev{left:var(--vp-layout-slider--arrows__offset)}[data-vp-layout=slider] .vp-portfolio__items-arrow-next{right:var(--vp-layout-slider--arrows__offset)}[data-vp-layout=slider][data-vp-slider-bullets=true] .vp-portfolio__items-wrap{padding-bottom:var(--vp-layout-slider--bullets__margin-top)}[data-vp-layout=slider][data-vp-slider-bullets=true] .vp-portfolio__items-wrap .vp-portfolio__items-arrow{transform:translateY(calc(var(--vp-layout-slider--bullets__margin-top)/-2))}[data-vp-layout=slider] .vp-portfolio__items-bullets{bottom:0;position:absolute;text-align:center;z-index:1}[data-vp-layout=slider] .vp-portfolio__items-bullets.swiper-pagination-bullets-dynamic{font-size:1em}[data-vp-layout=slider] .vp-portfolio__items-bullets>.swiper-pagination-bullet{background-color:var(--vp-layout-slider--bullets__background-color);border-radius:var(--vp-layout-slider--bullets__border-radius);cursor:pointer;height:var(--vp-layout-slider--bullets__height);margin:0 calc(var(--vp-layout-slider--bullets__gap)/2);opacity:var(--vp-layout-slider--bullets__opacity);position:relative;transition:var(--vp-layout-slider__transition-duration) opacity var(--vp-layout-slider__transition-easing);width:var(--vp-layout-slider--bullets__width)}[data-vp-layout=slider] .vp-portfolio__items-bullets>.swiper-pagination-bullet:focus,[data-vp-layout=slider] .vp-portfolio__items-bullets>.swiper-pagination-bullet:hover{opacity:var(--vp-layout-slider--bullets-hover__opacity)}[data-vp-layout=slider] .vp-portfolio__items-bullets>.swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:var(--vp-layout-slider--bullets-active__opacity)}[data-vp-layout=slider] .vp-portfolio__items-bullets>.swiper-pagination-bullet:after{bottom:calc(var(--vp-layout-slider--bullets__compensation)*-1);content:"";display:block;left:calc(var(--vp-layout-slider--bullets__compensation)*-1);position:absolute;right:calc(var(--vp-layout-slider--bullets__compensation)*-1);top:calc(var(--vp-layout-slider--bullets__compensation)*-1)}[data-vp-layout=slider] .vp-portfolio__thumbnails-wrap .vp-portfolio__thumbnail-wrap{cursor:pointer;opacity:var(--vp-layout-slider--thumbnails__opacity);transition:var(--vp-layout-slider__transition-duration) opacity}[data-vp-layout=slider] .vp-portfolio__thumbnails-wrap .vp-portfolio__thumbnail-wrap:focus,[data-vp-layout=slider] .vp-portfolio__thumbnails-wrap .vp-portfolio__thumbnail-wrap:hover{opacity:var(--vp-layout-slider--thumbnails-hover__opacity)}[data-vp-layout=slider] .vp-portfolio__thumbnails-wrap .vp-portfolio__thumbnail-wrap.swiper-slide-thumb-active{opacity:var(--vp-layout-slider--thumbnails-active__opacity)}
|