43 lines
959 B
CSS
43 lines
959 B
CSS
.is-layout-email-flex {
|
|
flex-wrap: nowrap;
|
|
}
|
|
|
|
:where(body .is-layout-flex) {
|
|
gap: var(--wp--style--block-gap, 16px);
|
|
}
|
|
|
|
.is-mobile-preview .is-layout-email-flex {
|
|
display: block;
|
|
}
|
|
|
|
.is-mobile-preview .is-layout-email-flex .block-editor-block-list__block {
|
|
padding: 5px 0;
|
|
width: 100%;
|
|
}
|
|
|
|
.is-mobile-preview .is-layout-email-flex .wp-block-button__link {
|
|
width: 100%;
|
|
}
|
|
|
|
/*
|
|
* Email Editor specific styles for vertical gap between blocks in column.
|
|
* This is needed because we disable layout for core/column and core/columns blocks, and .is-layout-flex is not applied.
|
|
*/
|
|
.wp-block-columns:not(.is-not-stacked-on-mobile)
|
|
> .wp-block-column
|
|
> .wp-block:first-child {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.wp-block-columns:not(.is-not-stacked-on-mobile)
|
|
> .wp-block-column
|
|
> .wp-block {
|
|
margin: var(--wp--style--block-gap, 16px) 0;
|
|
}
|
|
|
|
.wp-block-columns:not(.is-not-stacked-on-mobile)
|
|
> .wp-block-column
|
|
> .wp-block:last-child {
|
|
margin-bottom: 0;
|
|
}
|