@mixin mobile {
  @media screen and (min-width: $size-break-point-s-min) and (max-width: $size-break-point-s-max) {
    @content;
  }
}

@mixin tablet {
  @media screen and (min-width: $size-break-point-m-min) and (max-width: $size-break-point-m-max) {
    @content;
  }
}

@mixin desktop {
  @media screen and (min-width: $size-break-point-l-min) {
    @content;
  }
}