mirror of
https://github.com/WordPress/WordPress.git
synced 2024-11-04 01:39:37 +01:00
043e2016a3
Props aristath, adamsilverstein, SergeyBiryukov, gziolo. Fixes #56388. Built from https://develop.svn.wordpress.org/trunk@55193 git-svn-id: http://core.svn.wordpress.org/trunk@54726 1a063a9b-81f0-0310-95a4-ce76da25c4cd
68 lines
1.6 KiB
CSS
68 lines
1.6 KiB
CSS
.wp-block-columns{
|
|
align-items:normal !important;
|
|
box-sizing:border-box;
|
|
display:flex;
|
|
flex-wrap:wrap !important;
|
|
margin-bottom:1.75em;
|
|
}
|
|
@media (min-width:782px){
|
|
.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:781px){
|
|
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{
|
|
flex-basis:100% !important;
|
|
}
|
|
}
|
|
@media (min-width:782px){
|
|
.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.25em 2.375em;
|
|
}
|
|
|
|
.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%;
|
|
} |