dkniffin/kinship

// stylelint-disable media-feature-name-disallowed-list

$xs-min: 360px;
$xs-max: 767px;
$sm-min: 768px;
$sm-max: 991px;
$md-min: 992px;
$md-max: 1199px;
$lg-min: 1210px;
$lg-max: 1440px;

@mixin media-xs {
  @media (max-width: $xs-max) {
    @content;
  }
}

@mixin media-sm {
  @media (min-width: $sm-min) and (max-width: $sm-max) {
    @content;
  }
}

@mixin media-md {
  @media (min-width: $md-min) and (max-width: $md-max) {
    @content;
  }
}

@mixin media-lg {
  @media (min-width: $lg-min) {
    @content;
  }
}