Browse
For agents
About
Gutenberg
/
12.6.0
Gutenberg
v12.6.0
Switch version
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
7.4.0
All 402 releases
Overview
Code
gutenberg
/
build
/
block-library
/
blocks
/
columns
/
style.css
style.css
in Gutenberg 12.6.0, at build/block-library/blocks/columns/style.css
1 lines
1.4 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
{
align-items
:
normal
!important
;
box-sizing
:
border-box
;
display
:
flex
;
flex-wrap
:
wrap
!important
;
margin-bottom
:
1.75
em
}
@
media
(
min-width
:
782
px
)
{
.
wp-block-columns
{
flex-wrap
:
nowrap
!important
}
}
.
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
}
@
media
(
max-width
:
781
px
)
{
.
wp-block-columns
:
not
(
.
is-not-stacked-on-mobile
)
>
.
wp-block-column
{
flex-basis
:
100
%
!important
}
}
@
media
(
min-width
:
782
px
)
{
.
wp-block-columns
:
not
(
.
is-not-stacked-on-mobile
)
>
.
wp-block-column
{
flex-basis
:
0
;
flex-grow
:
1
}
.
wp-block-columns
:
not
(
.
is-not-stacked-on-mobile
)
>
.
wp-block-column
[
style
*=
flex-basis
]
{
flex-grow
:
0
}
}
.
wp-block-columns
.
is-not-stacked-on-mobile
{
flex-wrap
:
nowrap
!important
}
.
wp-block-columns
.
is-not-stacked-on-mobile
>
.
wp-block-column
{
flex-basis
:
0
;
flex-grow
:
1
}
.
wp-block-columns
.
is-not-stacked-on-mobile
>
.
wp-block-column
[
style
*=
flex-basis
]
{
flex-grow
:
0
}
:
where
(
.
wp-block-columns
.
has-background
)
{
padding
:
1.25
em
2.375
em
}
.
wp-block-column
{
flex-grow
:
1
;
min-width
:
0
;
overflow-wrap
:
break-word
;
word-break
:
break-word
}
.
wp-block-column
.
is-vertically-aligned-top
{
align-self
:
flex-start
}
.
wp-block-column
.
is-vertically-aligned-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
%
}
