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 vote180 views2 answers
Tailwind css form
CSS
0 vote180 views1 answer
Bottom gradient
CSS
45 votes187 views6 answers
Css elipsis
CSS
0 vote197 views1 answer
Linux copy directory permissions to another directory
CSS
1 vote172 views1 answer
How to use rgba in css
CSS
0 vote185 views1 answer
Css start animation on hover
CSS
6 votes134 views2 answers
Difference between justify content and justify in grid
CSS
9 votes190 views1 answer
Image background html css tricks
CSS
0 vote182 views1 answer
What css vmin
CSS
0 vote190 views1 answer
Move div down css
CSS