Skip to content

Instantly share code, notes, and snippets.

@plasticbrain

plasticbrain/_responsive.scss

Created January 11, 2016 17:27
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save plasticbrain/82712b5189b10dab6fd8 to your computer and use it in GitHub Desktop.
Save plasticbrain/82712b5189b10dab6fd8 to your computer and use it in GitHub Desktop.
Download ZIP
CSS Media Queries w/ Bootstrap Responsive Breakpoints
Raw
_responsive.scss
/*
$screen-xs: 480px !default; // Extra small screen / phone
$screen-sm: 768px !default; // Small screen / tablet
$screen-md: 992px !default; // Medium screen / desktop
$screen-lg: 1200px !default; // Large screen / wide desktop
*/
/*
//------------------------------------------------------------------------------
// Extra Small Screens (< 480px)
// Most Smartphones (iPhone 4, 5, 6, 6 Plus, Nexus, Galaxy, etc)
//------------------------------------------------------------------------------
*/
@media (max-width: 479px) {
}
/*
//------------------------------------------------------------------------------
// Small Screens (768ox - 991px)
// Ipads / Tablets
//------------------------------------------------------------------------------
*/
@media (min-width: 768px) and (max-width: 991px) {
}
/*
//------------------------------------------------------------------------------
// Medium Screens (992px - 1199px)
//------------------------------------------------------------------------------
*/
@media (min-width: 992px) and (max-width: 1199px) {
}
/*
//------------------------------------------------------------------------------
// Large screens (>= 1200px)
//------------------------------------------------------------------------------
*/
@media (min-width: 1200px){
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment