Skip to content

Instantly share code, notes, and snippets.

@Shipow

Shipow/SASS : Responsive Breakpoints

Created October 26, 2013 08:45
Show Gist options
  • Save Shipow/7166929 to your computer and use it in GitHub Desktop.
Save Shipow/7166929 to your computer and use it in GitHub Desktop.
Download ZIP
SASS : Responsive Breakpoints
Raw
SASS : Responsive Breakpoints
@mixin breakpoint($point)
@if $point == large
@media (min-width: 64.375em)
@content
@else if $point == medium
@media (min-width: 50em)
@content
@else if $point == small
@media (min-width: 37.5em)
@content
@Shipow
Copy link
Author

Shipow commented Oct 26, 2013

Usage

.page-wrap
  width: 75%
  @include breakpoint(large)
    width: 60%
  @include breakpoint(medium)
    width: 80%
  @include breakpoint(small)
    width: 95%

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment