PietroSkeleton/assets/app/frontend/scss/mixin_responsive.scss

//576px
@mixin mobile-only {
  @media screen and (max-width: $sm) {
    @content;
  }
}
//768px
@mixin tablet-only {
  @media screen and (max-width: $md) {
    @content;
  }
}
//992px
@mixin desktop-only {
  @media screen and (max-width: $lg) {
    @content;
  }
}
//1200px
@mixin large-only {
  @media screen and (max-width: $xl) {
    @content;
  }
}