// フロントで読み込む // マージン .c-postContent { margin: 0; padding: 0; line-height: var(--ark-line_height, 1.8); > * { margin-top: var(--ark-mt); margin-bottom: 0; //コアのスタイルで margin-bottom の指定があったりするので打ち消しておく } .l-main__body > & { margin-top: 4rem; } .c-pageTitle + & { margin-top: 0; } @import "./post_content"; } // マージン小さく維持 .c-postContent .wp-block-column, .c-postContent .wp-block-media-text__content, .c-postContent .wp-block-cover__inner-container, .c-postContent .wp-block-group__inner-container { > * { margin-top: var(--ark-mt--s); margin-bottom: 0; } } // マージン通常コンテンツと同じエリアに広げる : 幅広のカバー・グループ .alignwide > .wp-block-cover__inner-container, .alignfull > .wp-block-cover__inner-container, .alignwide > .wp-block-group__inner-container, .alignfull > .wp-block-group__inner-container { > * { margin-top: var(--ark-mt); } } // 先頭要素は上側のマージンを打ち消す。 .c-postContent > :first-child, .c-postContent div > :first-child { margin-top: 0 !important; }