// フロントで読み込む // マージン .c-postContent { & > * { margin-top: var(--ark-mt, 2em); margin-bottom: 0; //コアのスタイルで margin-bottom の指定があったりするので打ち消しておく } margin: 4em 0 0; padding: 0; line-height: 1.8; @import "./post_content"; // 先頭要素は上側の余白なし & > :first-child, div > :first-child { margin-top: 0; } th, td { &:not([data-align]) { text-align: left; } } } // インナーコンテンツの余白 .wp-block-column, // カラム .wp-block-cover__inner-container, // カバーブロック .wp-block-media-text__content, // メディアと文章ブロック .wp-block-group__inner-container { // グループ & > * { margin-top: var(--ark-mt_s, 1em); margin-bottom: 0; //コアのスタイルで margin-bottom の指定があったりするので打ち消しておく } } // 全幅の中は、2emのまま。 .alignfull { & > * { margin-top: var(--ark-mt, 2em); } & > .wp-block-column, // カラム & > .wp-block-cover__inner-container, // カバーブロック & > .wp-block-media-text__content, // メディアと文章ブロック & > .wp-block-group__inner-container { // グループ & > * { margin-top: 2em; margin-top: var(--ark-mt, 2em); } } }