Skip to content

Instantly share code, notes, and snippets.

@mahemoff
Created March 26, 2012 11:50
Show Gist options
  • Save mahemoff/2204608 to your computer and use it in GitHub Desktop.
Save mahemoff/2204608 to your computer and use it in GitHub Desktop.
Responsive SASS/Bootstrap
// see http://thesassway.com/intermediate/responsive-web-design-part-2
@media only screen and (max-width: 480px)
@content
@else if $media == desktops
@media only screen and (min-width: 480.1px)
@content
@else if $media == max-screens
@media only screen and (min-width: 1210px + 2*$main-padding + 2*$grid-width + 0.1)
@content
@else if $media == sub-max-screens
@media only screen and (min-width: 1210px + 2*$main-padding + 2*$grid-width + 0.1)
@content
@else if $media == big-screens
@media only screen and (min-width: 1210.1px)
@content
@else if $media == sub-big-screens
@media only screen and (max-width: 1210px)
@content
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment