taiga-front/app/styles/dependencies/responsive.scss

20 lines
562 B
SCSS

// - Hey, there is a mixin here instead of in mixins.scss!!! Are you drunk or what?
// - I know, I know, but look it closer, it makes sense
// - Oh, I see. It's ok for this time...
@mixin breakpoint($point) {
@if $point == desktop {
@media (min-width: 1200px) { @content ; }
}
@else if $point == laptop {
@media (max-width: 1200px) { @content ; }
}
@else if $point == tablet {
@media (max-width: 767px) { @content ; }
}
@else if $point == mobileonly {
@media (max-width: 480px) { @content ; }
}
}