Skip to content

Instantly share code, notes, and snippets.

@Burick

Burick/mixin breakpoint

Created October 24, 2020 10:38
Show Gist options
  • Save Burick/fb4d660d4cbda8bf4508e6d136969d88 to your computer and use it in GitHub Desktop.
Save Burick/fb4d660d4cbda8bf4508e6d136969d88 to your computer and use it in GitHub Desktop.
Download ZIP
Миксин брекпонинтов
Raw
mixin breakpoint
@mixin breakpoint($point){
@if $point == xs {
@media (min-width: 36em) {@content;}
}
@else if $point == sm {
@media (min-width: 48em) {@content;}
}
@else if $point == md {
@media (min-width: 62em) {@content;}
}
@else if $point == lg {
@media (min-width: 74em) {@content;}
}
@else if $point { // allows custom breakpoints
@media (min-width: $point) {@content;}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment