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 vote152 views1 answer
How to loop a javascript array
CSS
9 votes158 views3 answers
Grid repeat css
CSS
1 vote172 views2 answers
Text overflow break line
CSS
1 vote154 views1 answer
Detect mobile css
CSS
0 vote144 views1 answer
Ubuntu phantomjs wrong paper size
CSS
0 vote167 views1 answer
The Sass .sass file is visually different from .scss file, e.g. Example.sass - sass is the older syntax
CSS
0 vote112 views1 answer
Css logo color
CSS
1 vote148 views1 answer
Gatsby hide scroll bar
CSS
2 votes167 views2 answers
Mysqldump: Error: 'Access denied; you need (at least one of) the PROCESS privilege(s) for this operation' when trying to dump tablespaces
CSS
0 vote154 views1 answer
COMO ADC HOVER
CSS