post-carousel / blocks / includes / post-slider-two / style.css

style.css in Smart Post – Post Grid, Post Carousel, Post Slider Gutenberg Blocks for Blog & News 4.0.7, at blocks/includes/post-slider-two/style.css

1 lines 3.7 KB

Raw Download Zip

.sp-smart-post-slider-two .sp-smart-post-background-layout.post-slider-two-layout-three .sp-smart-post-card{background:0 0!important}.sp-smart-post-slider-two .sp-smart-post-background-layout .sp-smart-post-card .sp-smart-post-template-one-content{display:flex;flex-direction:row}.sp-smart-post-slider-two .sp-smart-post-background-layout .sp-smart-post-card .sp-smart-post-template-one-content .sp-smart-post-card-content{display:flex;flex-direction:column;justify-content:center}.sp-smart-post-slider-two .sp-h-left .sp-smart-post-template-one-content{justify-content:flex-start}.sp-smart-post-slider-two .sp-h-center .sp-smart-post-template-one-content{justify-content:center}.sp-smart-post-slider-two .sp-h-right .sp-smart-post-template-one-content{justify-content:flex-end}.sp-smart-post-slider-two .sp-v-left .sp-smart-post-template-one-content{align-items:flex-start}.sp-smart-post-slider-two .sp-v-center .sp-smart-post-template-one-content{align-items:center}.sp-smart-post-slider-two .sp-v-right .sp-smart-post-template-one-content{align-items:flex-end}.sp-smart-post-slider-two .sp-smart-post-background-layout .sp-smart-post-card.overlay-type-box .image-overlay{width:100%!important;height:100%!important;left:0!important;top:0!important}.sp-smart-post-slider-two .sp-smart-post-swiper-nav-arrow{padding:0 30px}.sp-smart-post-wrapper.sp-smart-post-slider-two.sp-pagination{padding-bottom:40px}.sp-smart-post-wrapper.sp-smart-post-slider-two.sp-pagination .sp-smart-post-slider-two .post-slider-two-layout-three+.sp-smart-post-swiper-nav-arrow{top:calc(100% - 190px);left:calc(100% - 80px);padding:0}@media screen and (max-width:767px){.sp-smart-post-slider-two .sp-smart-post-swiper-nav-arrow{padding:0 0}.sp-smart-post-wrapper.sp-smart-post-slider-two.sp-pagination{padding-bottom:40px}.sp-smart-post-wrapper.sp-smart-post-slider-two.sp-pagination .sp-smart-post-slider-two .post-slider-two-layout-three+.sp-smart-post-swiper-nav-arrow{top:calc(100% - 190px);left:calc(100% - 80px);padding:0}}.sp-smart-post-slider-two .sp-smart-post-card .sp-smart-post-title{position:relative;display:inline-block}.sp-smart-post-slider-two .sp-smart-post-card .sp-smart-post-title:after{content:"";position:absolute;transition:width .6s ease}.sp-smart-post-slider-two .sp-smart-post-card .sp-smart-post-title::before{content:"";position:absolute;transition:width .6s ease}.sp-smart-post-slider-two .sp-smart-post-card .sp-smart-post-title .line{position:relative;display:inline-block;padding-bottom:2px}.sp-smart-post-slider-two .sp-smart-post-card .sp-smart-post-title .line::after{content:"";position:absolute;bottom:0;left:0;width:100%;transform:scaleX(0);transition:transform .4s ease;z-index:-1}.sp-smart-post-slider-two .sp-smart-post-card .sp-smart-post-title:hover .line::after{transform:scaleX(1)}.sp-smart-post-slider-two .sp-smart-post-card .sp-smart-post-title:hover .line:nth-of-type(1)::after{transition-delay:0s}.sp-smart-post-slider-two .sp-smart-post-card .sp-smart-post-title:hover .line:nth-of-type(2)::after{transition-delay:.2s}.sp-smart-post-slider-two .sp-smart-post-card .sp-smart-post-title:hover .line:nth-of-type(3)::after{transition-delay:.4s}.sp-smart-post-slider-two .sp-smart-post-card .sp-smart-post-title:hover .line:nth-of-type(4)::after{transition-delay:.6s}.sp-smart-post-slider-two .sp-smart-post-card .sp-smart-post-title:hover .line:nth-of-type(5)::after{transition-delay:.8s}.sp-smart-post-slider-two .sp-smart-post-card .sp-smart-post-title:hover .line:nth-of-type(6)::after{transition-delay:1s}.sp-smart-post-slider-two .sp-smart-post-card .sp-smart-post-title:hover .line:nth-of-type(7)::after{transition-delay:1.2s}.sp-smart-post-slider-two .sp-smart-post-card .sp-smart-post-title:hover .line:nth-of-type(8)::after{transition-delay:1.4s}