Browse
For agents
About
Smart Post – Post Grid, Post Carousel, Post Slider Gutenberg Blocks for Blog & News
/
4.0.7
Smart Post – Post Grid, Post Carousel, Post Slider Gutenberg Blocks for Blog & News
v4.0.7
Switch version
4.0.8
4.0.7
4.0.6
4.0.5
4.0.4
4.0.3
4.0.2
4.0.1
2.3.5
2.3.6
2.4.0
2.4.1
2.4.10
2.4.11
2.4.12
2.4.13
2.4.14
2.4.15
2.4.16
2.4.17
2.4.18
2.4.19
2.4.2
2.4.20
2.4.21
All 88 releases
Overview
Code
post-carousel
/
blocks
/
includes
/
post-slider
/
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/style.css
1 lines
5.7 KB
Find file
t
No matching file
Up and down to move
Enter to open
Esc to close
Raw
Download
Zip
View raw
1
.
sp-smart-post-slider
.
sp-smart-post-swiper
.
swiper-wrapper
{
padding-bottom
:
0
}
.
sp-smart-post-slider
.
sp-smart-post-swiper
.
swiper-wrapper
.
sp-smart-post-card
{
overflow
:
hidden
}
.
sp-smart-post-slider
.
sp-smart-post-swiper
.
post-slider-layout-one
.
sp-smart-post-template-one-content
{
width
:
100
%
;
height
:
100
%
;
display
:
flex
;
justify-content
:
center
;
position
:
absolute
}
.
sp-smart-post-slider
.
sp-smart-post-swiper
.
post-slider-layout-two
.
sp-smart-post-template-one-content
{
width
:
100
%
;
height
:
100
%
;
display
:
flex
;
justify-content
:
center
;
position
:
absolute
}
.
sp-smart-post-slider
.
sp-smart-post-swiper
.
post-slider-layout-two
.
sp-smart-post-template-one-content
.
sp-smart-post-card-content
{
padding-right
:
10
%
}
.
sp-smart-post-slider
.
sp-smart-post-swiper
.
post-slider-layout-three
{
display
:
flex
;
justify-content
:
center
;
align-items
:
flex-end
}
.
sp-smart-post-slider
.
sp-smart-post-swiper
.
post-slider-layout-three
.
sp-smart-post-template-one-content
{
position
:
absolute
}
.
sp-smart-post-slider
.
sp-smart-post-swiper
.
post-slider-layout-three
.
sp-smart-post-template-one-content
.
sp-smart-post-card-content
{
position
:
absolute
;
min-height
:
50
%
}
.
sp-smart-post-slider
.
sp-smart-post-swiper
.
post-slider-layout-four
{
display
:
flex
;
justify-content
:
flex-end
;
align-items
:
center
}
.
sp-smart-post-slider
.
sp-smart-post-swiper
.
post-slider-layout-four
.
sp-smart-post-template-one-content
{
display
:
flex
;
align-items
:
center
;
height
:
75
%
;
justify-content
:
center
;
position
:
absolute
;
z-index
:
2
}
.
sp-smart-post-slider
.
sp-smart-post-swiper
.
post-slider-layout-five
.
content-left
.
sp-smart-post-card-image
.
image-overlay
{
width
:
50
%
;
left
:
0
}
.
sp-smart-post-slider
.
sp-smart-post-swiper
.
post-slider-layout-five
.
content-left
.
sp-smart-post-template-one-content
{
left
:
0
}
.
sp-smart-post-slider
.
sp-smart-post-swiper
.
post-slider-layout-five
.
content-right
.
sp-smart-post-card-image
.
image-overlay
{
width
:
50
%
;
left
:
50
%
}
.
sp-smart-post-slider
.
sp-smart-post-swiper
.
post-slider-layout-five
.
content-right
.
sp-smart-post-template-one-content
{
left
:
50
%
}
.
sp-smart-post-slider
.
sp-smart-post-swiper
.
post-slider-layout-five
.
sp-smart-post-template-one-content
{
display
:
flex
;
height
:
inherit
;
justify-content
:
center
;
position
:
absolute
;
z-index
:
6
;
width
:
50
%
}
.
sp-smart-post-slider
.
sp-smart-post-swiper
.
post-slider-layout-five
.
sp-smart-post-template-one-content
.
sp-smart-post-card-content
{
width
:
100
%
}
.
sp-smart-post-slider
.
sp-smart-post-swiper
.
post-slider-layout-four
.
sp-smart-post-swiper-nav-arrow
{
top
:
79
%
;
left
:
50
%
;
right
:
100
%
}
.
sp-smart-post-slider
.
sp-smart-post-swiper
.
post-slider-layout-five
.
sp-smart-post-swiper-nav-arrow
{
top
:
100
%
;
transform
:
translateY
(
-170
%
)
;
left
:
70
%
;
right
:
24
%
}
.
sp-smart-post-slider
.
sp-smart-post-swiper
.
post-slider-layout-five
.
sp-smart-post-template-one-content
.
left
{
position
:
absolute
;
align-items
:
flex-start
;
top
:
0
;
left
:
0
}
.
sp-smart-post-slider
.
sp-smart-post-swiper
.
post-slider-layout-five
.
sp-smart-post-template-one-content
.
center
{
display
:
flex
;
flex-direction
:
column
;
align-items
:
center
}
.
sp-smart-post-slider
.
sp-smart-post-swiper
.
post-slider-layout-one
.
sp-smart-post-swiper-nav-arrow
{
top
:
50
%
}
.
sp-smart-post-slider
.
sp-smart-post-pagination-dots
{
left
:
50
%
;
transform
:
translateX
(
-50
%
)
}
.
sp-smart-post-slider
.
sp-background-image-wrapper
{
position
:
relative
;
height
:
100
%
;
width
:
100
%
}
.
sp-smart-post-slider
.
sp-smart-post-swiper-nav-arrow
.
sp-smart-post-swiper-nav-arrow-btn
.
btn-prev
{
left
:
30
px
}
.
sp-smart-post-slider
.
sp-smart-post-swiper-nav-arrow
.
sp-smart-post-swiper-nav-arrow-btn
.
btn-next
{
left
:
calc
(
100
%
-
30
px
)
}
.
sp-smart-post-slider
.
post-slider-layout-five
+
.
sp-smart-post-swiper-nav-arrow
{
top
:
95
%
}
.
sp-smart-post-slider
.
post-slider-layout-five
+
.
sp-smart-post-swiper-nav-arrow
.
sp-smart-post-swiper-nav-arrow-btn
.
btn-prev
{
left
:
63
%
}
.
sp-smart-post-slider
.
post-slider-layout-five
+
.
sp-smart-post-swiper-nav-arrow
.
sp-smart-post-swiper-nav-arrow-btn
.
btn-next
{
left
:
65
%
}
.
sp-smart-post-slider
.
sp-swiper-fade
.
swiper-slide
.
sp-slide-item
{
opacity
:
0
!important
}
.
sp-smart-post-slider
.
sp-swiper-fade
.
swiper-slide
.
swiper-slide
.
sp-slide-item
.
swiper-slide-active
{
opacity
:
1
!important
}
.
sp-smart-post-slider
.
sp-smart-post-swiper-nav-arrow-btn
i
{
background
:
0
0
;
border-color
:
#
fff
}
.
sp-smart-post-slider
.
sp-smart-post-card
.
sp-smart-post-title
{
position
:
relative
;
display
:
inline-block
}
.
sp-smart-post-slider
.
sp-smart-post-card
.
sp-smart-post-title
:
after
{
content
:
"
"
;
position
:
absolute
;
transition
:
width
.6
s
ease
}
.
sp-smart-post-slider
.
sp-smart-post-card
.
sp-smart-post-title
::
before
{
content
:
"
"
;
position
:
absolute
;
transition
:
width
.6
s
ease
}
.
sp-smart-post-slider
.
sp-smart-post-card
.
sp-smart-post-title
.
line
{
position
:
relative
;
display
:
inline-block
;
padding-bottom
:
2
px
}
.
sp-smart-post-slider
.
sp-smart-post-card
.
sp-smart-post-title
.
line
::
after
{
content
:
"
"
;
position
:
absolute
;
bottom
:
0
;
left
:
0
;
width
:
100
%
;
transform
:
scaleX
(
0
)
;
transition
:
transform
.4
s
ease
;
z-index
:
-1
}
.
sp-smart-post-slider
.
sp-smart-post-card
.
sp-smart-post-title
:
hover
.
line
::
after
{
transform
:
scaleX
(
1
)
}
.
sp-smart-post-slider
.
sp-smart-post-card
.
sp-smart-post-title
:
hover
.
line
:
nth-of-type
(
1
)
::
after
{
transition-delay
:
0
s
}
.
sp-smart-post-slider
.
sp-smart-post-card
.
sp-smart-post-title
:
hover
.
line
:
nth-of-type
(
2
)
::
after
{
transition-delay
:
.2
s
}
.
sp-smart-post-slider
.
sp-smart-post-card
.
sp-smart-post-title
:
hover
.
line
:
nth-of-type
(
3
)
::
after
{
transition-delay
:
.4
s
}
.
sp-smart-post-slider
.
sp-smart-post-card
.
sp-smart-post-title
:
hover
.
line
:
nth-of-type
(
4
)
::
after
{
transition-delay
:
.6
s
}
.
sp-smart-post-slider
.
sp-smart-post-card
.
sp-smart-post-title
:
hover
.
line
:
nth-of-type
(
5
)
::
after
{
transition-delay
:
.8
s
}
.
sp-smart-post-slider
.
sp-smart-post-card
.
sp-smart-post-title
:
hover
.
line
:
nth-of-type
(
6
)
::
after
{
transition-delay
:
1
s
}
.
sp-smart-post-slider
.
sp-smart-post-card
.
sp-smart-post-title
:
hover
.
line
:
nth-of-type
(
7
)
::
after
{
transition-delay
:
1.2
s
}
.
sp-smart-post-slider
.
sp-smart-post-card
.
sp-smart-post-title
:
hover
.
line
:
nth-of-type
(
8
)
::
after
{
transition-delay
:
1.4
s
}
