Browse
For agents
About
Gutenberg
/
10.5.3
Gutenberg
v10.5.3
Switch version
24.0.0
23.9.1
23.9.0
23.8.0
23.7.2
23.7.1
23.7.0
23.6.1
23.6.2
23.6.0
23.5.3
23.5.2
23.5.1
23.5.0
23.4.0
23.3.2
23.3.1
23.3.0
23.2.0
23.2.1
23.2.2
23.1.1
23.1.0
23.0.1
12.6.0
All 403 releases
Overview
Code
gutenberg
/
build
/
block-library
/
blocks
/
columns
/
style.css
style.css
in Gutenberg 10.5.3, at build/block-library/blocks/columns/style.css
1 lines
1.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
.
wp-block-columns
{
display
:
flex
;
margin-bottom
:
1.75
em
;
box-sizing
:
border-box
;
flex-wrap
:
wrap
}
@
media
(
min-width
:
782
px
)
{
.
wp-block-columns
{
flex-wrap
:
nowrap
}
}
.
wp-block-columns
.
has-background
{
padding
:
1.25
em
2.375
em
}
.
wp-block-columns
.
are-vertically-aligned-top
{
align-items
:
flex-start
}
.
wp-block-columns
.
are-vertically-aligned-center
{
align-items
:
center
}
.
wp-block-columns
.
are-vertically-aligned-bottom
{
align-items
:
flex-end
}
.
wp-block-column
{
flex-grow
:
1
;
min-width
:
0
;
word-break
:
break-word
;
overflow-wrap
:
break-word
}
@
media
(
max-width
:
599
px
)
{
.
wp-block-column
{
flex-basis
:
100
%
!important
}
}
@
media
(
min-width
:
600
px
)
and
(
max-width
:
781
px
)
{
.
wp-block-column
:
not
(
:
only-child
)
{
flex-basis
:
calc
(
50
%
-
1
em
)
!important
;
flex-grow
:
0
}
.
wp-block-column
:
nth-child
(
2n
)
{
margin-left
:
2
em
}
}
@
media
(
min-width
:
782
px
)
{
.
wp-block-column
{
flex-basis
:
0
;
flex-grow
:
1
}
.
wp-block-column
[
style
*=
flex-basis
]
{
flex-grow
:
0
}
.
wp-block-column
:
not
(
:
first-child
)
{
margin-left
:
2
em
}
}
.
wp-block-column
.
is-vertically-aligned-top
{
align-self
:
flex-start
}
.
wp-block-column
.
is-vertically-aligned-center
{
-ms-grid-row-align
:
center
;
align-self
:
center
}
.
wp-block-column
.
is-vertically-aligned-bottom
{
align-self
:
flex-end
}
.
wp-block-column
.
is-vertically-aligned-bottom
,
.
wp-block-column
.
is-vertically-aligned-center
,
.
wp-block-column
.
is-vertically-aligned-top
{
width
:
100
%
}
