1.2 Breakpoints View in a new window

Use the respond-to() mixin to use named breakpoints. Documentation is available in the Breakpoint wiki pages.

Mobile first breakpoints

  • big-phone-up - 400px+
  • tablet-portrait-up - 600px+
  • tablet-landscape-up - 900px+
  • laptop-up - 1200px+
  • desktop-up - 1600px+

Device specific breakpoints

  • small-phone-only - 0 to 399px
  • phone-only - 0 to 599px
  • tablet-portrait-only - 600px to 899px
  • tablet-landscape-only - 900px to 1199px
  • laptop-only - 1200px to 1599px