Skip to content

Instantly share code, notes, and snippets.

@BrianSipple
Created April 14, 2017 05:44
Show Gist options
  • Save BrianSipple/7a545fdc2501e61e0ec271e8e9889125 to your computer and use it in GitHub Desktop.
Save BrianSipple/7a545fdc2501e61e0ec271e8e9889125 to your computer and use it in GitHub Desktop.
CSS Breakpoint Variables
/**
* BREAKPOINTS THRESHOLDS
*/
:root {
--breakpoint-threshold--mobile: 22em; /* Roughly, a min-width for handsets */
--breakpoint-threshold--small: 30em; /* Roughly, a max-width for handsets in landscape */
--breakpoint-threshold--medium: 49.125em; /* Roughly, a min-width for tablets */
--breakpoint-threshold--large: 64em; /* Roughly, a max-width for tablets in landscape */
--breakpoint-threshold--xLarge: 90em; /* Someone probably has a monitor 💻 */
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment