Remove overlap in breakpoints
This commit is contained in:
parent
2e89920954
commit
29a640a267
1 changed files with 7 additions and 7 deletions
|
|
@ -2,20 +2,20 @@
|
|||
@if $class == xs {
|
||||
@media (max-width: 767px) { @content; }
|
||||
}
|
||||
|
||||
|
||||
@else if $class == sm {
|
||||
@media (min-width: 750px) { @content; }
|
||||
@media (min-width: 768px) and (max-width: 991px) { @content; }
|
||||
}
|
||||
|
||||
|
||||
@else if $class == md {
|
||||
@media (min-width: 992px) { @content; }
|
||||
@media (min-width: 992px) and (max-width: 1199px) { @content; }
|
||||
}
|
||||
|
||||
|
||||
@else if $class == lg {
|
||||
@media (min-width: 1200px) { @content; }
|
||||
}
|
||||
|
||||
|
||||
@else {
|
||||
@warn "Breakpoint mixin supports: xs, sm, md, lg";
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue