Skip to content

Latest commit

 

History

History
20 lines (19 loc) · 507 Bytes

responsive-breakpoints.md

File metadata and controls

20 lines (19 loc) · 507 Bytes
title description author tags
Responsive Breakpoints
Generates media queries for responsive design.
technoph1le
responsive,media-queries,css
 
@mixin breakpoint($breakpoint) {
  @if $breakpoint == sm {
    @media (max-width: 576px) { @content; }
  } @else if $breakpoint == md {
    @media (max-width: 768px) { @content; }
  } @else if $breakpoint == lg {
    @media (max-width: 992px) { @content; }
  } @else if $breakpoint == xl {
    @media (max-width: 1200px) { @content; }
  }
}