/* Mixin
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
/* Media Queries */
@mixin breakpoint($size) {
@if $size == small {
@media screen and (max-width: 40em) {
@content;
}
} @else if $size == medium {
@media screen and (min-width: 40em) and (max-width: 60em) {
@content;
}
} @else if $size == large {
@media screen and (min-width: 60em) {
@content;
}
}
}
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter