Browse
For agents
About
BlockSpare – Gutenberg Blocks, AI Content Generator & Site Builder for News, Magazine & Blogs
/
5.0.1
BlockSpare – Gutenberg Blocks, AI Content Generator & Site Builder for News, Magazine & Blogs
v5.0.1
Switch version
5.0.1
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
All 39 releases
Overview
Code
blockspare
/
build
/
block
/
image-slider
/
style-index.css
style-index.css
in BlockSpare – Gutenberg Blocks, AI Content Generator & Site Builder for News, Magazine & Blogs 5.0.1, at build/block/image-slider/style-index.css
2 lines
2.5 KB
Find file
t
No matching file
Up and down to move
Enter to open
Esc to close
Raw
Download
Zip
View raw
1
.
blockspare-slider-wrap
.
slick-slider
.
slick-track
{
display
:
flex
!important
}
.
blockspare-blocks
.
blockspare-slider-wrap
.
slick-slider
.
slick-arrow
{
left
:
0
;
position
:
absolute
;
top
:
50
%
;
transform
:
translateY
(
-50
%
)
;
z-index
:
1
}
.
blockspare-blocks
.
blockspare-slider-wrap
.
slick-slider
.
slide-next
.
slick-arrow
{
left
:
inherit
;
right
:
0
}
.
blockspare-blocks
.
blockspare-slider-wrap
.
blockspare-gallery-figure
img
{
width
:
100
%
}
.
blockspare-blocks
.
blockspare-slider-wrap
.
blockspare-carousel-items
{
overflow
:
hidden
}
.
wp-block-blockspare-blockspare-slider
[
class
*=
bs-hover-style-
]
.
blockspare-slider-wrap
.
blockspare-carousel-items
{
box-sizing
:
border-box
;
margin
:
-10
px
;
overflow
:
hidden
;
padding
:
10
px
;
width
:
calc
(
100
%
+
20
px
)
!important
}
.
wp-block-blockspare-blockspare-slider
[
class
*=
bs-hover-style-
]
.
blockspare-slider-wrap
.
blockspare-carousel-items
.
slick-slider
.
slick-list
{
margin-left
:
-10
px
;
overflow
:
visible
}
.
wp-block-blockspare-blockspare-slider
[
class
*=
bs-hover-style-
]
.
blockspare-slider-wrap
.
blockspare-carousel-items
.
slick-slider
.
slick-slide
{
margin-left
:
10
px
}
.
blockspare-blocks
.
blockspare-slider-wrap
.
bs-has-equal-height
.
blockspare-gallery-figure
img
{
aspect-ratio
:
3
/
2
;
object-fit
:
cover
;
overflow
:
hidden
}
.
blockspare-blocks
.
blockspare-slider-wrap
.
blockspare-grayscale
img
{
filter
:
grayscale
(
1
)
;
transition
:
filter
.4
s
ease
}
.
blockspare-blocks
.
blockspare-slider-wrap
.
blockspare-grayscale
.
has-hover-effect
.
blockspare-gallery-figure
:
hover
img
{
filter
:
none
}
.
blockspare-blocks
.
blockspare-slider-wrap
.
blockspare-sepia
img
{
filter
:
sepia
(
.5
)
;
transition
:
filter
.4
s
ease
}
.
blockspare-blocks
.
blockspare-slider-wrap
.
blockspare-sepia
.
has-hover-effect
.
blockspare-gallery-figure
:
hover
img
{
filter
:
none
}
.
blockspare-blocks
.
blockspare-slider-wrap
.
blockspare-saturation
img
{
filter
:
saturate
(
3
)
;
transition
:
filter
.4
s
ease
}
.
blockspare-blocks
.
blockspare-slider-wrap
.
blockspare-saturation
.
has-hover-effect
.
blockspare-gallery-figure
:
hover
img
{
filter
:
none
}
.
blockspare-blocks
.
blockspare-slider-wrap
.
blockspare-dim
img
{
filter
:
brightness
(
.5
)
;
transition
:
filter
.4
s
ease
}
.
blockspare-blocks
.
blockspare-slider-wrap
.
blockspare-dim
.
has-hover-effect
.
blockspare-gallery-figure
:
hover
img
{
filter
:
none
}
.
blockspare-blocks
.
blockspare-slider-wrap
.
blockspare-vintage
img
{
filter
:
contrast
(
1.5
)
saturate
(
1.6
)
sepia
(
.7
)
;
transition
:
filter
.4
s
ease
}
.
blockspare-blocks
.
blockspare-slider-wrap
.
blockspare-vintage
.
has-hover-effect
.
blockspare-gallery-figure
:
hover
img
{
filter
:
none
}
.
blockspare-blocks
.
blockspare-slider-wrap
.
blockspare-carousel-items
>
div
:
not
(
.
slick-slider
)
>
div
:
not
(
:
first-child
)
{
display
:
none
!important
}
2