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

50 votes119 views6 answers
Text align css
CSS
18 votes164 views5 answers
Col-md-6 bootstrap
CSS Bootstrap
0 vote156 views2 answers
Fluid typography
CSS
0 vote140 views1 answer
Materialize css form file input
CSS
0 vote184 views1 answer
Bootstrap modal resize with jquery
CSS Bootstrap
0 vote139 views1 answer
Side nav bar in materialize css
CSS
61 votes138 views6 answers
Center text in css
CSS
0 vote124 views5 answers
How many px is iphone 12 pro max css
CSS
61 votes134 views5 answers
Css paragraph ellipsis
CSS
2 votes90 views1 answer
Xpath vs css selector
CSS