19 lines
543 B
19 lines
543 B
// Responsive mixin
|
|
// @include breakAt(lg-device) { style goes here }
|
|
@mixin breakAt($point) {
|
|
@if $point == xl-device {
|
|
@media (max-width: 1199px){@content;}
|
|
}
|
|
@else if $point == lg-device {
|
|
@media (max-width: 991px){@content;}
|
|
}
|
|
@else if $point == md-device {
|
|
@media (max-width: 767px){@content;}
|
|
}
|
|
@else if $point == sm-device {
|
|
@media (max-width: 575px) {@content;}
|
|
}
|
|
@else if $point == xs-device {
|
|
@media (max-width: 480px) {@content;}
|
|
}
|
|
} |