Improve CSS selectors for spacing inside columns and group blocks
[MAILPOET-6364]
This commit is contained in:
committed by
Rostislav Wolný
parent
780c72d092
commit
5decd55bf7
@ -30,22 +30,24 @@
|
||||
* This is needed because we disable layout for core/group, 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,
|
||||
.wp-block-group > .wp-block:first-child {
|
||||
> .wp-block-column
|
||||
> .wp-block:not([aria-hidden="true"]):first-of-type,
|
||||
.wp-block-group > .wp-block:not([aria-hidden="true"]):first-of-type {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column > .wp-block,
|
||||
.wp-block-group > .wp-block {
|
||||
.wp-block-columns:not(.is-not-stacked-on-mobile)
|
||||
> .wp-block-column
|
||||
> .wp-block:not([aria-hidden="true"]),
|
||||
.wp-block-group > .wp-block:not([aria-hidden="true"]) {
|
||||
margin-bottom: var(--wp--style--block-gap, 16px);
|
||||
margin-top: var(--wp--style--block-gap, 16px);
|
||||
}
|
||||
|
||||
.wp-block-columns:not(.is-not-stacked-on-mobile)
|
||||
> .wp-block-column
|
||||
> .wp-block:last-child,
|
||||
.wp-block-group > .wp-block:last-child {
|
||||
> .wp-block-column
|
||||
> .wp-block:not([aria-hidden="true"]):last-of-type,
|
||||
.wp-block-group > .wp-block:not([aria-hidden="true"]):last-of-type {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
|
Reference in New Issue
Block a user