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

16 votes218 views4 answers
Arrow right css
CSS
68 votes190 views6 answers
Add css file in html
CSS
1 vote273 views3 answers
Bootstrap table text vertical align center
CSS Bootstrap
2 votes218 views6 answers
Neumorphism
CSS
0 vote206 views1 answer
Two background css
CSS
3 votes208 views2 answers
Crop image with circle css
CSS
38 votes224 views3 answers
Css breakpoints
CSS
0 vote238 views1 answer
Elementor sticky keep within column
CSS
156 votes243 views6 answers
Center a div css
CSS
12 votes220 views2 answers
Css select every other element
CSS