PluginProbe
BlockSpare – Gutenberg Blocks for News, Magazine, Blog & Business Websites / trunk
BlockSpare – Gutenberg Blocks for News, Magazine, Blog & Business Websites vtrunk
4.1.0 trunk 1.0.0 1.0.1 1.0.2 1.0.3 1.0.4 1.0.5 1.1.0 1.1.1 1.1.2 1.2.0 1.2.1 1.2.2 1.2.3 1.3.0 1.3.1 1.3.2 1.3.3 1.3.4 1.3.5 2.1.2 2.5.0 2.5.3 2.6.1 All 38 releases
blockspare / build / block / image-carousel / style-index.css

style-index.css in BlockSpare – Gutenberg Blocks for News, Magazine, Blog & Business Websites trunk, at build/block/image-carousel/style-index.css

2 lines 6.7 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 .blockspare-carousel-wrap .slick-slider .slick-track{display:flex!important}.blockspare-blocks.blockspare-carousel-wrap .slick-slider .slick-arrow{left:0;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.blockspare-blocks.blockspare-carousel-wrap .slick-slider .slide-next.slick-arrow{left:inherit;right:0}.blockspare-carousel-wrap .blockspare-carousel-items{box-sizing:border-box;overflow:hidden}.wp-block-blockspare-blockspare-carousel[class*=bs-hover-style-] .blockspare-carousel-wrap .slick-list{overflow:visible!important}.wp-block-blockspare-blockspare-carousel[class*=bs-hover-style-] .blockspare-carousel-wrap:not(.has-gutter-space-0) .blockspare-carousel-items,.wp-block-blockspare-blockspare-carousel[class*=bs-hover-style-] .blockspare-carousel-wrap:not(.has-gutter-space-1) .blockspare-carousel-items{margin:-10px;padding:10px;width:calc(100% + 20px)!important}.wp-block-blockspare-blockspare-carousel[class*=bs-hover-style-] .blockspare-carousel-wrap.has-gutter-space-1 .blockspare-carousel-items{margin:-5px;padding:5px;width:calc(100% + 10px)!important}.blockspare-blocks.blockspare-carousel-wrap.bs-has-equal-height .blockspare-gallery-figure img{aspect-ratio:3/2;display:inline-block;object-fit:cover;overflow:hidden;width:100%}.blockspare-blocks.blockspare-carousel-wrap:not(.blockspare-post-carousel).has-gutter-space-1 .slick-list{margin-left:-5px}.blockspare-blocks.blockspare-carousel-wrap:not(.blockspare-post-carousel).has-gutter-space-1 .slick-slide{margin-left:5px}.blockspare-blocks.blockspare-carousel-wrap:not(.blockspare-post-carousel).has-gutter-space-2 .slick-list{margin-left:-10px}.blockspare-blocks.blockspare-carousel-wrap:not(.blockspare-post-carousel).has-gutter-space-2 .slick-slide{margin-left:10px}.blockspare-blocks.blockspare-carousel-wrap:not(.blockspare-post-carousel).has-gutter-space-3 .slick-list{margin-left:-15px}.blockspare-blocks.blockspare-carousel-wrap:not(.blockspare-post-carousel).has-gutter-space-3 .slick-slide{margin-left:15px}.blockspare-blocks.blockspare-carousel-wrap:not(.blockspare-post-carousel).has-gutter-space-4 .slick-list{margin-left:-20px}.blockspare-blocks.blockspare-carousel-wrap:not(.blockspare-post-carousel).has-gutter-space-4 .slick-slide{margin-left:20px}.blockspare-blocks.blockspare-carousel-wrap:not(.blockspare-post-carousel).has-gutter-space-5 .slick-list{margin-left:-25px}.blockspare-blocks.blockspare-carousel-wrap:not(.blockspare-post-carousel).has-gutter-space-5 .slick-slide{margin-left:25px}.blockspare-carousel-items .blockspare-gallery-figure{display:flex;margin:0;overflow:hidden}.blockspare-carousel-items .blockspare-gallery-figure img{width:100%}.blockspare-blocks.blockspare-carousel-wrap.blockspare-grayscale img{filter:grayscale(1);transition:filter .4s ease}.blockspare-blocks.blockspare-carousel-wrap.blockspare-grayscale.has-hover-effect .blockspare-gallery-figure:hover img{filter:none}.blockspare-blocks.blockspare-carousel-wrap.blockspare-sepia img{filter:sepia(.5);transition:filter .4s ease}.blockspare-blocks.blockspare-carousel-wrap.blockspare-sepia.has-hover-effect .blockspare-gallery-figure:hover img{filter:none}.blockspare-blocks.blockspare-carousel-wrap.blockspare-saturation img{filter:saturate(3);transition:filter .4s ease}.blockspare-blocks.blockspare-carousel-wrap.blockspare-saturation.has-hover-effect .blockspare-gallery-figure:hover img{filter:none}.blockspare-blocks.blockspare-carousel-wrap.blockspare-dim img{filter:brightness(.5);transition:filter .4s ease}.blockspare-blocks.blockspare-carousel-wrap.blockspare-dim.has-hover-effect .blockspare-gallery-figure:hover img{filter:none}.blockspare-blocks.blockspare-carousel-wrap.blockspare-vintage img{filter:contrast(1.5) saturate(1.6) sepia(.7);transition:filter .4s ease}.blockspare-blocks.blockspare-carousel-wrap.blockspare-vintage.has-hover-effect .blockspare-gallery-figure:hover img{filter:none}.blockspare-blocks.blockspare-carousel-wrap:not(.blockspare-post-carousel) .blockspare-carousel-items>div:not(.slick-slider){display:flex}.blockspare-blocks.blockspare-carousel-wrap:not(.blockspare-post-carousel) .blockspare-carousel-items>div:not(.slick-slider)>*{flex:1}.blockspare-blocks.blockspare-carousel-wrap:not(.blockspare-post-carousel).blockspare-slides-1 .blockspare-carousel-items>div:not(.slick-slider)>div:not(:first-child),.blockspare-blocks.blockspare-carousel-wrap:not(.blockspare-post-carousel).blockspare-slides-2 .blockspare-carousel-items>div:not(.slick-slider)>div:not(:first-child):not(:nth-child(2)),.blockspare-blocks.blockspare-carousel-wrap:not(.blockspare-post-carousel).blockspare-slides-3 .blockspare-carousel-items>div:not(.slick-slider)>div:not(:first-child):not(:nth-child(2)):not(:nth-child(3)),.blockspare-blocks.blockspare-carousel-wrap:not(.blockspare-post-carousel).blockspare-slides-4 .blockspare-carousel-items>div:not(.slick-slider)>div:not(:first-child):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)),.blockspare-blocks.blockspare-carousel-wrap:not(.blockspare-post-carousel).blockspare-slides-5 .blockspare-carousel-items>div:not(.slick-slider)>div:not(:first-child):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)):not(:nth-child(5)),.blockspare-blocks.blockspare-carousel-wrap:not(.blockspare-post-carousel).blockspare-slides-6 .blockspare-carousel-items>div:not(.slick-slider)>div:not(:first-child):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)):not(:nth-child(5)):not(:nth-child(6)),.blockspare-blocks.blockspare-carousel-wrap:not(.blockspare-post-carousel).blockspare-slides-7 .blockspare-carousel-items>div:not(.slick-slider)>div:not(:first-child):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)):not(:nth-child(5)):not(:nth-child(6)):not(:nth-child(7)){display:none}.blockspare-blocks.blockspare-carousel-wrap:not(.blockspare-post-carousel).has-gutter-space-0 .blockspare-carousel-items>div:not(.slick-slider){gap:0}.blockspare-blocks.blockspare-carousel-wrap:not(.blockspare-post-carousel).has-gutter-space-1 .blockspare-carousel-items>div:not(.slick-slider){gap:5px}.blockspare-blocks.blockspare-carousel-wrap:not(.blockspare-post-carousel).has-gutter-space-2 .blockspare-carousel-items>div:not(.slick-slider){gap:10px}.blockspare-blocks.blockspare-carousel-wrap:not(.blockspare-post-carousel).has-gutter-space-3 .blockspare-carousel-items>div:not(.slick-slider){gap:15px}.blockspare-blocks.blockspare-carousel-wrap:not(.blockspare-post-carousel).has-gutter-space-4 .blockspare-carousel-items>div:not(.slick-slider){gap:20px}.blockspare-blocks.blockspare-carousel-wrap:not(.blockspare-post-carousel).has-gutter-space-5 .blockspare-carousel-items>div:not(.slick-slider){gap:25px}.blockspare-blocks.blockspare-carousel-wrap:not(.blockspare-post-carousel).has-gutter-space-6 .blockspare-carousel-items>div:not(.slick-slider){gap:30px}
2