Browse
For agents
About
Getwid – Gutenberg Blocks
/
2.2.0
Getwid – Gutenberg Blocks
v2.2.0
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
/
image-box
/
style.css
style.css
in Getwid – Gutenberg Blocks 2.2.0, at assets/blocks/image-box/style.css
3 lines
2.6 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-image-box
3
*/
.
wp-block-getwid-image-box__image-container
{
margin
:
0
0
20
px
0
;
line-height
:
0
;
flex
:
1
0
auto
}
.
wp-block-getwid-image-box__image-container
.
is-position-top
{
align-self
:
flex-start
}
.
wp-block-getwid-image-box__image-container
.
is-position-middle
{
align-self
:
center
}
.
wp-block-getwid-image-box__image-container
.
is-position-bottom
{
align-self
:
flex-end
}
.
wp-block-getwid-image-box__image-container
.
wp-block-getwid-image-box__image-wrapper
{
display
:
inline-block
;
line-height
:
1
}
.
wp-block-getwid-image-box__image-container
.
wp-block-getwid-image-box__image-wrapper
img
{
display
:
block
}
.
wp-block-getwid-image-box__image-container
a
.
wp-block-getwid-image-box__image-wrapper
{
text-decoration
:
none
;
transition
:
all
.3
s
ease
}
.
wp-block-getwid-image-box__image-container
a
.
wp-block-getwid-image-box__image-wrapper
:
hover
{
cursor
:
pointer
}
.
wp-block-getwid-image-box__content
{
order
:
0
;
flex
:
0
1
100
%
;
align-self
:
center
}
.
wp-block-getwid-image-box
.
has-text-left
{
text-align
:
left
}
.
wp-block-getwid-image-box
.
has-text-center
{
text-align
:
center
}
.
wp-block-getwid-image-box
.
has-text-right
{
text-align
:
right
}
.
wp-block-getwid-image-box
.
has-image-left
,
.
wp-block-getwid-image-box
.
has-image-right
{
display
:
flex
;
justify-content
:
flex-start
;
align-items
:
stretch
;
flex-direction
:
row
;
flex-wrap
:
nowrap
}
@
media
screen
and
(
max-width
:
767
px
)
{
.
wp-block-getwid-image-box
.
has-mobile-layout-column
{
flex-direction
:
column
}
}
@
media
screen
and
(
max-width
:
767
px
)
{
.
wp-block-getwid-image-box
.
has-mobile-layout-column-reverse
{
flex-direction
:
column
}
}
@
media
screen
and
(
max-width
:
767
px
)
{
.
wp-block-getwid-image-box
.
has-mobile-alignment-center
{
text-align
:
center
}
}
@
media
screen
and
(
max-width
:
767
px
)
{
.
wp-block-getwid-image-box
.
has-mobile-alignment-left
{
text-align
:
left
}
}
@
media
screen
and
(
max-width
:
767
px
)
{
.
wp-block-getwid-image-box
.
has-mobile-alignment-right
{
text-align
:
right
}
}
.
has-image-left
.
wp-block-getwid-image-box__image-container
{
margin
:
0
20
px
0
0
;
max-width
:
50
%
}
.
has-image-right
.
wp-block-getwid-image-box__image-container
{
order
:
1
;
margin
:
0
0
0
20
px
;
max-width
:
50
%
}
@
media
screen
and
(
max-width
:
767
px
)
{
.
has-mobile-layout-column
.
wp-block-getwid-image-box__image-container
{
max-width
:
100
%
;
order
:
0
;
margin-bottom
:
20
px
;
margin-left
:
0
!important
;
margin-right
:
0
!important
}
}
@
media
screen
and
(
max-width
:
767
px
)
{
.
has-mobile-layout-column-reverse
.
wp-block-getwid-image-box__image-container
{
max-width
:
100
%
;
order
:
1
;
margin-top
:
20
px
;
margin-right
:
0
!important
;
margin-left
:
0
!important
}
}
.
has-mobile-alignment-center
.
wp-block-getwid-image-box__image-container
{
align-self
:
center
}
.
has-mobile-alignment-left
.
wp-block-getwid-image-box__image-container
{
align-self
:
flex-start
}
.
has-mobile-alignment-right
.
wp-block-getwid-image-box__image-container
{
align-self
:
flex-end
}
