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 vote147 views1 answer
Css clip
CSS
100 votes149 views8 answers
Create react app
CSS
88 votes235 views6 answers
Css border radius
CSS
6 votes148 views1 answer
Responsive image in css
CSS
0 vote168 views1 answer
Uninstall wine 6.0.1
CSS
0 vote143 views2 answers
Laravel 7 css loading slow
CSS
0 vote130 views1 answer
Responsive font size with clamp
CSS
5 votes136 views2 answers
Overflow dots css
CSS
0 vote142 views1 answer
Firefox-scroll-css
CSS
1 vote138 views1 answer
::-ms-clear
CSS