1

ドロップダウン メニューに切り替わるトップ ナビゲーションのブレークポイントを変更する際に問題が発生しています。

Foundation 4.0 を使った最初のプロジェクトです。私はこれを見つけました

* Transitions and breakpoint styles */
$topbar-transition-speed: 300ms;
$topbar-breakpoint: emCalc(940); /* Change to 9999px for always mobile layout */
$topbar-media-query: "only screen and (min-width: #{$topbar-breakpoint})";

しかし、実装方法がわかりません..私はまだSacsを使用していません..最終的には。.

4

1 に答える 1

1

古いバージョンの Foundation を使用しているようです。最新バージョンの!default変数宣言にはフラグがあります: https://github.com/zurb/foundation/blob/210d58068b70112e6b5cbb133e6d70cbab70efe2/scss/foundation/components/_top-bar.scss#L54

!defaultフラグを使用すると、ライブラリをインポートする前に変数を設定してオーバーライドできます。

$topbar-breakpoint: 400px;
@import "foundation";

結果：

@media only screen and (min-width: 400px) {
  .top-bar {
    /* … */
  }
  /* … */
}
于 2013-08-09T10:44:03.880 に答える