Каква е разликата между @include breakpoint и @include at-breakpoint?

at-breakpoint е част от Susy и се използва за промяна на общия ви брой колони при различни точки на прекъсване. Вдъхновен от този първоначален синтаксис, Мейсън Уендъл създаде по-мощен и общ Добавка за точка на прекъсване за управление на всички ваши медийни заявки. Сега много хора (включително и аз) използват и двете в един и същи проект. Те работят чудесно заедно, но разликите могат да бъдат объркващи.

• Използвайте at-breakpoint, когато искате да промените настройката си susy $total-columns въз основа на медийна заявка за минимална/максимална ширина.
• Използвайте breakpoint за по-сложни медийни заявки или навсякъде, където не искате да променяте броя на колоните.

Ако искате да използвате само един от тях и да сте по-последователни, можете да пресъздадете функционалността на 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 е просто пряк път за това.