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%;
|
||
|
}
|