Browse
For agents
About
aBlocks – Gutenberg Blocks, User Dashboard Builder, Popup Builder, Form Builder & Animation Builder
/
2.9.0
aBlocks – Gutenberg Blocks, User Dashboard Builder, Popup Builder, Form Builder & Animation Builder
v2.9.0
Switch version
2.13.0
2.13.1
2.12.0
2.11.1
2.11.0
2.10.0
2.9.0
2.7.4
2.7.5
2.7.6
2.7.7
2.8.0
2.8.1
2.9.1
trunk
1.0
1.0-beta1
1.0-beta2
1.0-beta3
1.0.1
1.0.2
1.0.3
1.1.0
1.1.1
1.1.2
All 80 releases
Overview
Code
ablocks
/
assets
/
build
/
blocks
/
carousel
/
style.css
style.css
in aBlocks – Gutenberg Blocks, User Dashboard Builder, Popup Builder, Form Builder & Animation Builder 2.9.0, at assets/build/blocks/carousel/style.css
1 lines
2.1 KB
Find file
t
No matching file
Up and down to move
Enter to open
Esc to close
Raw
Download
Zip
View raw
1
.
ablocks-carousel-swiper
.
swiper-wrapper
{
display
:
flex
;
height
:
100
%
;
width
:
100
%
}
.
ablocks-carousel-swiper
.
ablocks-carousel-swiper-slide
{
height
:
100
%
;
width
:
100
%
}
.
ablocks-carousel-swiper
.
ablocks-carousel-swiper-slide--custom
{
align-items
:
baseline
;
display
:
flex
;
justify-content
:
center
}
.
ablocks-carousel-swiper
.
ablocks-carousel-swiper-slide--custom
button
{
background-color
:
#
000
;
border
:
1
px
solid
#
000
;
border-radius
:
5
px
;
color
:
#
fff
;
cursor
:
pointer
;
outline
:
none
;
padding
:
10
px
15
px
;
transition
:
.4
s
ease
}
.
ablocks-carousel-swiper
.
ablocks-carousel-swiper-slide--custom
button
:
hover
{
background-color
:
transparent
;
border
:
1
px
solid
#
000
;
color
:
#
000
;
cursor
:
pointer
;
outline
:
none
;
padding
:
10
px
15
px
}
.
ablocks-carousel-navigation__buttons
.
ablocks-carousel-navigation__button
{
border
:
none
;
cursor
:
pointer
;
font-size
:
25
px
;
outline
:
none
;
position
:
absolute
;
transform
:
translateY
(
-50
%
)
;
z-index
:
5
}
.
ablocks-carousel-navigation__buttons
.
ablocks-carousel-navigation__button
.
ablocks-icon-wrap
{
box-sizing
:
unset
}
.
ablocks-carousel-navigation__buttons
.
ablocks-carousel-navigation__button--disabled
{
opacity
:
.6
}
.
ablocks-carousel-navigation__buttons
.
ablocks-carousel-navigation__button
.
ablocks-svg-icon
{
border-radius
:
50
%
;
height
:
1
em
;
width
:
1
em
}
.
ablocks-carousel-pagination
{
align-items
:
center
;
display
:
flex
;
gap
:
10
px
;
height
:
fit-content
;
justify-content
:
center
;
position
:
absolute
;
width
:
fit-content
!important
;
z-index
:
5
}
.
ablocks-carousel-pagination
.
swiper-pagination-bullet
{
opacity
:
1
;
outline
:
none
}
.
ablocks-carousel-pagination
.
swiper-pagination-clickable
.
swiper-pagination-bullets
.
swiper-pagination-horizontal
{
gap
:
0
}
.
swiper-pagination-bullet
.
swiper-pagination-bullet-active
{
background
:
#
000
}
.
ablocks-carousel-autoplay-progress
{
align-items
:
center
;
bottom
:
16
px
;
color
:
#
000
;
display
:
flex
;
font-weight
:
700
;
height
:
48
px
;
justify-content
:
center
;
position
:
absolute
;
right
:
16
px
;
width
:
48
px
;
z-index
:
10
}
.
ablocks-carousel-autoplay-progress
svg
{
--progress
:
0
;
height
:
100
%
;
left
:
0
;
position
:
absolute
;
top
:
0
;
width
:
100
%
;
z-index
:
10
;
stroke-width
:
4
px
;
stroke
:
#
000
;
fill
:
none
;
stroke-dashoffset
:
calc
(
125.6
px
*
(
1
-
var
(
--progress
)
)
)
;
stroke-dasharray
:
125.6
;
transform
:
rotate
(
-90
deg
)
}
.
ablocks-carousel-navigation__buttons
.
swiper-button-lock
{
display
:
block
!important
}
