Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save lazysergey/b092ce2bb81e48c640b8a8bbdde7b575 to your computer and use it in GitHub Desktop.
Save lazysergey/b092ce2bb81e48c640b8a8bbdde7b575 to your computer and use it in GitHub Desktop.
Variables for responsive design in bootstrap with sass
@mixin breakpoint($point)
@if $point == lg
@media (min-width: 1200px)
@content
@else if $point == md
@media (min-width: 992px)
@content
@else if $point == sm
@media (min-width: 768px)
@content
@else if $point == xs
@media (max-width: 768px)
@content
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment