Skip to content

Instantly share code, notes, and snippets.

@pixelbacon
Last active May 31, 2017 04:52
Show Gist options
  • Save pixelbacon/9673768 to your computer and use it in GitHub Desktop.
Save pixelbacon/9673768 to your computer and use it in GitHub Desktop.
Sass + Breakpoint + Bootstrap 3 Variables
/**
Matches Bootstrap 3
*/
$bp-xs : max-width 767px; // Mobile
$bp-sm : 768px 991px; // Tablet - Portrait
$bp-md : 992px 1199px; // Tablet - Landscape
$bp-lg : min-width 1200px; // Desktop
/**
By Device Name/BS3
*/
$bp-mobile: max-width 767px;
$bp-xs-sm: max-width 991px;
$bp-mobile-tablet: max-width 991px;
$bp-tablet: 768px 991px;
$bp-sm-md: 768px 1199px;
$bp-tablet-desktop: min-width 768px;
$bp-desktop: min-width 992px;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment