Browse
For agents
About
Getwid – Gutenberg Blocks
/
2.1.2
Getwid – Gutenberg Blocks
v2.1.2
Switch version
3.0.2
3.0.1
3.0.0
2.1.0
2.1.1
2.1.2
2.1.3
2.2.0
trunk
1.8.7
1.9.1
2.0.10
2.0.11
2.0.12
2.0.13
2.0.14
2.0.5
2.0.6
2.0.7
2.0.8
2.0.9
Overview
Code
getwid
/
assets
/
blocks
/
icon-box
/
style.css
style.css
in Getwid – Gutenberg Blocks 2.1.2, at assets/blocks/icon-box/style.css
3 lines
1.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
/*
!
2
* getwid-icon-box
3
*/
.
wp-block-getwid-icon-box
.
has-icon-left
,
.
wp-block-getwid-icon-box
.
has-icon-right
{
display
:
flex
;
flex-direction
:
row
;
flex-wrap
:
nowrap
;
justify-content
:
flex-start
;
align-content
:
stretch
}
.
wp-block-getwid-icon-box
.
has-text-left
{
text-align
:
left
}
.
wp-block-getwid-icon-box
.
has-text-center
{
text-align
:
center
}
.
wp-block-getwid-icon-box
.
has-text-right
{
text-align
:
right
}
.
wp-block-getwid-icon-box__icon-container
{
line-height
:
0
;
margin-bottom
:
20
px
}
.
wp-block-getwid-icon-box__icon-container
.
has-layout-framed
.
wp-block-getwid-icon-box__icon-wrapper
{
border-width
:
1
px
;
border-style
:
solid
;
border-color
:
currentColor
;
border-radius
:
100
%
}
.
wp-block-getwid-icon-box__icon-container
.
has-layout-stacked
.
wp-block-getwid-icon-box__icon-wrapper
{
border-radius
:
100
%
}
.
wp-block-getwid-icon-box__icon-container
.
is-position-top
{
align-self
:
flex-start
}
.
wp-block-getwid-icon-box__icon-container
.
is-position-middle
{
align-self
:
center
}
.
wp-block-getwid-icon-box__icon-container
.
is-position-bottom
{
align-self
:
flex-end
}
.
wp-block-getwid-icon-box__icon-wrapper
{
display
:
inline-block
;
line-height
:
1
;
padding
:
16
px
;
font-size
:
64
px
;
text-align
:
center
}
.
wp-block-getwid-icon-box__icon-wrapper
i
{
display
:
block
;
height
:
1
em
;
width
:
1
em
;
position
:
relative
}
.
wp-block-getwid-icon-box__icon-wrapper
i
:
before
{
position
:
absolute
;
left
:
50
%
;
transform
:
translateX
(
-50
%
)
}
.
wp-block-getwid-icon-box
a
.
wp-block-getwid-icon-box__icon-wrapper
{
text-decoration
:
none
;
transition
:
all
.3
s
ease
}
.
wp-block-getwid-icon-box
a
.
wp-block-getwid-icon-box__icon-wrapper
:
hover
{
cursor
:
pointer
}
.
wp-block-getwid-icon-box__content
{
order
:
0
;
flex
:
1
1
auto
;
align-self
:
center
}
.
has-icon-left
.
wp-block-getwid-icon-box__icon-container
{
margin
:
0
20
px
0
0
}
.
has-icon-right
.
wp-block-getwid-icon-box__icon-container
{
order
:
1
;
margin
:
0
0
0
20
px
}
