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

0 vote328 views1 answer
Curfont
CSS
1 vote347 views1 answer
Border style shorthand
CSS
0 vote335 views1 answer
Nuxt add css file
CSS
0 vote343 views1 answer
Switch css with text
CSS
0 vote368 views2 answers
Hoq to give paragraph color css
CSS
2 votes379 views1 answer
Journalctl last 100 lines
CSS
0 vote443 views1 answer
Foreach and if condition in qweb
CSS
1 vote354 views3 answers
How to place a table in center in css
CSS
4 votes424 views1 answer
Css add dots if text too long
CSS
0 vote365 views1 answer
Css selector data-entity-type
CSS