susy - Susy でブロックラッパーの幅を変更する方法

Question

Susy\Sass\Compass によって作成された未完成のテストプロジェクトがあります。

ブロックラッパーの幅.wrapperは 940px です。しかし、私は960pxが必要です。これには何が必要ですか？

score 1 · Accepted Answer

たとえば、.scss ファイルで「ラッパー」の幅を変更できます。

.wrapper {
   @include container(960px);
}

または、susy グローバルマップで定義することもできます。

$susy: (
  container: 960px
)

いつでも新しいコンテナを宣言できることに注意してください。たとえば、trip.html というページがあり、ラッパーの新しい幅をいつでも宣言できます。

<body>
<div class="trip-wrapper">
<nav>Trio nav</nav>
<div>Trip content</div>
</div>
</body

 .wrapper {
       @include container(900px);
    }

1 に答える 1