Skip to content

Instantly share code, notes, and snippets.

@awesomephant
Created May 26, 2019 12:04
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 awesomephant/06349e367c2d05db147f876745e44d83 to your computer and use it in GitHub Desktop.
Save awesomephant/06349e367c2d05db147f876745e44d83 to your computer and use it in GitHub Desktop.
Sass breakpoint mixin
@mixin bp($point) {
@if $point==xl {
@media (min-width: 85rem) {
@content;
}
}
@else if $point==l {
@media (min-width: 70rem) {
@content;
}
}
@else if $point==ml {
@media (min-width: 55rem) {
@content;
}
}
@else if $point==m {
@media (min-width: 45rem) {
@content;
}
}
@else if $point==ms {
@media (min-width: 38rem) {
@content;
}
}
@else if $point==s {
@media (min-width: 35rem) {
@content;
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment