Browse
For agents
About
Getwid – Gutenberg Blocks
/
2.0.10
Getwid – Gutenberg Blocks
v2.0.10
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.0.10, at assets/blocks/icon-box/style.css
3 lines
2.2 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
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-webkit-box-orient
:
horizontal
;
-webkit-box-direction
:
normal
;
-ms-flex-direction
:
row
;
flex-direction
:
row
;
-ms-flex-wrap
:
nowrap
;
flex-wrap
:
nowrap
;
-webkit-box-pack
:
start
;
-ms-flex-pack
:
start
;
justify-content
:
flex-start
;
-ms-flex-line-pack
:
stretch
;
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
{
-ms-flex-item-align
:
start
;
align-self
:
flex-start
}
.
wp-block-getwid-icon-box__icon-container
.
is-position-middle
{
-ms-flex-item-align
:
center
;
align-self
:
center
}
.
wp-block-getwid-icon-box__icon-container
.
is-position-bottom
{
-ms-flex-item-align
:
end
;
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
%
;
-webkit-transform
:
translateX
(
-50
%
)
;
transform
:
translateX
(
-50
%
)
}
.
wp-block-getwid-icon-box
a
.
wp-block-getwid-icon-box__icon-wrapper
{
text-decoration
:
none
;
-webkit-transition
:
all
.3
s
ease
;
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
{
-webkit-box-ordinal-group
:
1
;
-ms-flex-order
:
0
;
order
:
0
;
-webkit-box-flex
:
1
;
-ms-flex
:
1
1
auto
;
flex
:
1
1
auto
;
-ms-flex-item-align
:
center
;
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
{
-webkit-box-ordinal-group
:
2
;
-ms-flex-order
:
1
;
order
:
1
;
margin
:
0
0
0
20
px
}
