Sass mixin breakpoint

@mixin breakpoint($class) {  
  @if $class == xs {    
	@media (max-width: 767px) { @content; }  }   
  @else if $class == sm {    
    @media (min-width: 768px) { @content; }  }   
  @else if $class == md {    
    @media (min-width: 992px) { @content; }  }   
  @else if $class == lg {    
    @media (min-width: 1200px) { @content; }  }   
  @else {    
    @warn "Breakpoint mixin supports: xs, sm, md, lg";  
  }
}

Similar codes

57 votes412 views3 answers
How to round the corners of a div outline in css
CSS
42 votes417 views6 answers
Disable textarea resize
CSS
9 votes364 views4 answers
Css animation shorthand
CSS
0 vote401 views1 answer
Css padding top screen height
CSS
29 votes354 views3 answers
Green hex code
CSS
0 vote350 views2 answers
Box-shadow: 0px 4px 8px rgba(164, 188, 223, 0.15);
CSS
0 vote373 views2 answers
Superscript css
CSS
0 vote383 views2 answers
Cut word css
CSS
0 vote441 views0 answer
ArrayShuffle
CSS
0 vote366 views1 answer
Tail block css
CSS