Flexible Spacer Block

フレキシブルスペーサーブロックは、デバイスの画面幅（ブレイクポイント）に応じてスペーサーの高さを切り替えます。 このブロックは2つの可変ブレークポイントを持っており、スマートフォン用、タブレット用、デスクトップ用にそれぞれスペーサーの高さを調整することができます。 スペーサーの高さは個別に変更することも、一括で変更することもできます。 また、通常のスペースの代わりに「マイナススペース（ネガティブマージン）」を設定することも可能です。 このブロックは、コアのスペーサーブロックとの相互変換にも対応しています。

マイナススペースについて

マイナススペースは、スペーサーの上下にあるブロックの余白を狭くし、ブロックを重ねることも可能です。 意図しない重なりが起こった場合は、前面に表示したいブロックに fsb-style-show-front という名前の CSS クラスを追加してください。 ブロックにCSSクラスを適用するには、WordPress のエディタでブロックをクリックし、右側のブロック設定の高度な設定にチェックを入れ、CSSクラスを入力します。

リソース

スクリーンショット用画像

ライセンス: CC0 Public Domain ソース: https://pxhere.com/ja/photo/245