[山崎 大祐]

【お使いの unitone のバージョン】バージョン: 10.9.1
【お使いのブラウザ】Chrome バージョン: 122.0.6261.129
【当該サイトのURL】https://www.nk-cad.co.jp/

### 実現したいこと

上下をツメたい（できれば絶対値で）
場合によっては上のみなど

### 発生している問題

テーマのコンセプト上、いい感じで余白を作ってくれる事を理解しつつ、ネガティブマージンを行いたいシーンがある。

ツメたいイメージ

 

このようにしたいシーンがある。

### 試したこと
いつも大変お世話になっております。
現在は、Flexible Spacer Blockで、マイナススペースで対応しています。
unitoneのみで対応する方法があればご教示お願いします！

[inc2734]

「詰める」というより、僕がやるのであれば構造を変えるかな？と思いました。

現状がこういう感じだとして、

– ヘッダー
  – コンテナー
    – ナビゲーション（会社概要とか）
  – コンテナー
    – ガター
      – 両端
        – サイトロゴ
        – ナビゲーション（ホームとか）
      – 段落（電話番号）

こういうふうにしてみるとどうでしょうか？

– ヘッダー
  – コンテナー
    – ガター
      – 両端
        – サイトロゴ
        – スタック（gap: 無し）
          – ナビゲーション（会社概要とか / 右寄せ）
          – ナビゲーション（ホームとか / 右寄せ）
          – 段落（電話番号 / 右寄せ）

[inc2734]

スタックブロックには「ネガティブマージンを使用する」という設定があって、それを有効化するとスタックブロックの gap で指定したものがマイナスになって、中の要素が重なるようになります。

がっつり重ねたいときはレイヤーブロックがあるし、スタックブロックだと縦方向にしかネガティブマージンが効かないので、あまり使いどころは無いかもしれませんが…。

[山崎 大祐]

ご丁寧にありがとうございます！

教えていただいたブロックで、以下のようになりました。

上下ではなく「上方向のみ」なども調整したいためもう少し検証いたします！

 

[inc2734]

上下ではなく「上方向のみ」なども調整したいためもう少し検証いたします！

現状、特定の方向だけ調整するような機能は unitone のブロックには無いので（gap は一部例外あり）、スタックを入れ子にするなどして調整するのが良いかもしれません。あるいはもう CSS 書いちゃうならユーティリティクラスみたいなのをつくるか。

[投稿者]

投稿