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

11 votes320 views6 answers
Warning: LF will be replaced by CRLF in
CSS
0 vote313 views1 answer
When grepper whas created
CSS
0 vote282 views1 answer
How to change textsize recta native
CSS
0 vote310 views2 answers
Memebuat html dan css login instagram
CSS
0 vote340 views1 answer
Set default rem css
CSS
20 votes338 views4 answers
Variables in sass
CSS
0 vote317 views1 answer
Css tips and tricks to handle the complicated stuffs in design part which is helpfull to handle at tha critical time and to deliver requirement to the client to the main resource
CSS
0 vote311 views1 answer
Javafx set border outside
CSS
71 votes245 views17 answers
Box -shadow
CSS
0 vote299 views1 answer
Youtube-dl forbidden
CSS