// Via: https://medium.com/codeartisan/breakpoints-and-media-queries-in-scss-46e8f551e2f2

// Small devices
@mixin sm
  @media (min-width: #{$screen-sm-min})
    @content

// Medium devices
@mixin md
  @media (min-width: #{$screen-md-min})
    @content

// Large devices
@mixin lg
  @media (min-width: #{$screen-lg-min})
    @content

// Extra large devices
@mixin xl
  @media (min-width: #{$screen-xl-min})
    @content