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
/
info-box
/
style.css
style.css
in aBlocks – Gutenberg Blocks, User Dashboard Builder, Popup Builder, Form Builder & Animation Builder 2.9.0, at assets/build/blocks/info-box/style.css
1 lines
3.0 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-block--info-box
{
border
:
1
px
solid
#
dddddf
;
padding
:
30
px
}
.
ablocks-block--info-box
.
ablocks-block-container
{
width
:
100
%
}
.
ablocks-block--info-box
.
ablocks-icon-wrap
{
height
:
fit-content
;
width
:
fit-content
}
.
ablocks-block--info-box__content
{
display
:
flex
;
flex-direction
:
column
;
width
:
100
%
}
.
ablocks-info-box-heading
,
.
ablocks-info-box-sub-heading
,
.
ablocks-info-box-text
{
margin
:
0
}
.
ablocks-info-box-text
{
margin
:
0
;
padding
:
0
}
.
ablocks-info-box-text-drop-caps
:
first-letter
{
font-size
:
3
em
;
font-weight
:
700
;
line-height
:
1
}
.
ablocks-info-box-badge-link
{
align-items
:
center
;
background
:
#
ddd
;
border-radius
:
6
px
;
box-sizing
:
border-box
;
color
:
#
000
;
column-gap
:
2
px
;
display
:
inline-flex
;
font-size
:
16
px
;
justify-content
:
center
;
padding
:
10
px
20
px
;
position
:
absolute
;
text-decoration
:
none
;
transition
:
all
.3
s
ease
;
width
:
fit-content
}
.
ablocks-info-box-badge-link--xs
{
border-radius
:
2
px
;
font-size
:
10
px
;
padding
:
5
px
15
px
}
.
ablocks-info-box-badge-link--sm
{
border-radius
:
3
px
;
font-size
:
12
px
;
padding
:
8
px
18
px
}
.
ablocks-info-box-badge-link--md
{
border-radius
:
4
px
;
font-size
:
14
px
;
padding
:
11
px
21
px
}
.
ablocks-info-box-badge-link--lg
{
border-radius
:
5
px
;
font-size
:
16
px
;
padding
:
14
px
25
px
}
.
ablocks-info-box-badge-link
.
ablocks-info-box-badge-link--icon-left
.
ablocks-icon-wrap
{
order
:
5
}
.
ablocks-info-box-badge-link-text
{
order
:
10
}
.
ablocks-info-box-badge-link
.
ablocks-info-box-badge-link--icon-right
.
ablocks-icon-wrap
{
order
:
15
}
.
ablocks-badge-hover-enable
{
opacity
:
0
;
transition
:
opacity
.1
s
ease
}
.
ablocks-block--info-box
:
hover
.
ablocks-badge-hover-enable
{
opacity
:
1
;
transition-duration
:
3
s
}
.
ablocks-info-box-btn-link
{
align-items
:
center
;
background
:
#
ddd
;
border-radius
:
6
px
;
box-sizing
:
border-box
;
color
:
#
000
;
column-gap
:
2
px
;
display
:
inline-flex
;
font-size
:
16
px
;
justify-content
:
center
;
padding
:
10
px
20
px
;
text-decoration
:
none
;
transition
:
all
.3
s
ease
;
width
:
fit-content
}
.
ablocks-info-box-btn-link--xs
{
border-radius
:
2
px
;
font-size
:
13
px
;
padding
:
10
px
20
px
}
.
ablocks-info-box-btn-link--sm
{
border-radius
:
3
px
;
font-size
:
15
px
;
padding
:
12
px
24
px
}
.
ablocks-info-box-btn-link--md
{
border-radius
:
4
px
;
font-size
:
16
px
;
padding
:
15
px
30
px
}
.
ablocks-info-box-btn-link--lg
{
border-radius
:
5
px
;
font-size
:
18
px
;
padding
:
20
px
40
px
}
.
ablocks-info-box-btn-link--xl
{
border-radius
:
6
px
;
font-size
:
20
px
;
padding
:
25
px
50
px
}
.
ablocks-info-box-btn-link
.
ablocks-info-box-btn-link--icon-left
.
ablocks-icon-wrap
{
order
:
5
}
.
ablocks-info-box-btn-link-text
{
order
:
10
}
.
ablocks-info-box-btn-link
.
ablocks-info-box-btn-link--icon-right
.
ablocks-icon-wrap
{
order
:
15
}
.
ablocks-button-hover-enable
{
opacity
:
0
;
transition
:
opacity
.1
s
ease
}
.
ablocks-block--info-box
:
hover
.
ablocks-block--info-box__content
>
.
ablocks-button-hover-enable
{
opacity
:
1
;
transition-duration
:
3
s
}
.
ablocks-info-box-star-ratings
{
align-items
:
center
;
display
:
inline-flex
;
flex-wrap
:
wrap
;
width
:
100
%
}
.
ablocks-info-box-star-ratings-icons
{
display
:
flex
;
flex-wrap
:
wrap
;
width
:
fit-content
}
.
ablocks-info-box-star-ratings-icons
.
ablocks-info-box-rating
{
display
:
inline-block
;
position
:
relative
}
.
ablocks-info-box-rating__fill
{
height
:
100
%
;
left
:
0
;
overflow
:
hidden
;
position
:
absolute
;
top
:
0
}
.
ablocks-block--star-ratings
svg
.
ablocks-svg-icon
{
height
:
1
em
;
width
:
1
em
}
