Home

Breakpoint makes writing media queries in Sass super simple. Create a variable using a simplified syntax based on most commonly used media queries, then call it using the breakpoint mixin. Breakpoint handles all of the heavy lifting, from writing the media query itself, to handling cross-browser compatibility issues, so you can focus on what's important: making sure your website looks its best.

1. Installation

• Requirements
• Installation
• Using Breakpoint
• Upgrading from Breakpoint 1.0
• Staying on 1.x

2. Basic Media Queries

• Default Single and Pair
• EM Based Media Queries

3. Advanced Media Queries

• Media Types
• Media Query Pairs
• Or Queries
• Resolution Media Queries

4. No Query Fallbacks

• Fallbacks in Original File
• Separate Fallback File
• Separate Fallback File, Specific Fallbacks

5. Breakpoint Context

• Single Context Query
• Multiple Contexts Query

6. Respond-to