html :where(.editor-styles-wrapper) p {
margin-top: 0;
margin-bottom: 0;
}
// 本文エリア
// .block-editor-writing-flow,
.editor-styles-wrapper {
//最初のブロックの上にはマージン付けない
.is-root-container > [data-type="core/heading"]:first-child {
margin-top: 0 !important;
}
// ブロック感のマージン ( default: 28px )
// .block-editor-block-list__block,
.wp-block {
margin-top: var(--ark-mt);
margin-bottom: 0;
&[data-type="core/heading"] {
margin-top: var(--ark-mt--h);
}
}
// block-editor-block-list__layout is-root-container
.is-root-container {
> [data-align="full"] + [data-align="full"],
> [data-align="full"] + style + [data-align="full"] {
margin-top: 0;
// ~WP5.7用
> .block-editor-block-list__block {
margin-top: 0;
}
}
}
// 余白を小さくするエリア。
// カラムブロック・メディアと文章ブロックの中 / 通常幅のカバー・グループブロックの中
.wp-block-column,
.wp-block-media-text__content,
.wp-block > .wp-block-cover__inner-container,
.wp-block > .wp-block-group__inner-container {
> .wp-block {
margin-top: var(--ark-mt--s);
}
}
// 余白普通サイズエリア (hタグを考慮して明示的に記述しておく)
[data-align="wide"] > .wp-block-cover > .wp-block-cover__inner-container,
[data-align="wide"] > .wp-block-group > .wp-block-group__inner-container,
[data-align="full"] > .wp-block-cover > .wp-block-cover__inner-container,
[data-align="full"] > .wp-block-group > .wp-block-group__inner-container {
> .wp-block {
margin-top: var(--ark-mt);
}
}
// インナーブロック
.block-editor-block-list__layout {
> .wp-block:first-child,
> .block-list-appender:first-child {
margin-top: 0 !important;
}
// 5.9からセレクタ強くなった
> .block-list-appender.block-list-appender {
margin-top: var(--ark-mt--s);
margin-bottom: 0;
.block-editor-default-block-appender__content {
margin-top: 0;
margin-bottom: 0;
}
}
// 段落下の透明になってる .block-list-appender の無駄な余白を消す。
[data-type="core/paragraph"] + .block-list-appender {
margin-top: 0;
}
}
}