0

チームが @include ブレークポイントと @include at-breakpoint を使用しているプロジェクトに取り組んでいるため、質問があります。sass、compass、susy を使用しています。2つの違いは何ですか?

4

1 に答える 1

1

at-breakpointSusy の一部であり、さまざまなブレークポイントで合計列数を変更するために使用されます。その最初の構文に触発されて、Mason Wendellは、すべてのメディア クエリを管理するための、より強力で汎用的なブレークポイント プラグインを作成しました。現在、多くの人 (私を含む) が同じプロジェクトで両方を使用しています。それらは一緒にうまく機能しますが、違いは混乱を招く可能性があります.

  • 最小/最大幅のメディア クエリに基づいて、at-breakpointsusy 設定を変更する場合に使用します。$total-columns
  • breakpointより複雑なメディアクエリ、または列数を変更したくない場所で使用します。

それらの 1 つだけを使用し、より一貫性を持たせたい場合はat-breakpoint、ロングハンドを使用する機能を再作成できます。

@include breakpoint($media-query) { // set your media-query
  @include layout($columns) { // set your columns
    // nested code will use the new column count at the given media-query
  }
}

at-breakpointは、そのための単なるショートカットです。

于 2013-11-15T20:22:02.763 に答える