@mixin on-xs {
  @media only screen and (max-width: $smartadmin-breakpoint-xs) {
    @content;
  }
}

@mixin on-sm {
  @media only screen and (max-width: $smartadmin-breakpoint-sm) {
    @content;
  }
}

@mixin on-mobile {
  @media (max-width: $smartadmin-breakpoint-mobile) {
    @content;
  }
}

@mixin when-minified {
  &.minified {
    @content;
  }
}

@mixin when-not-minified {
  &:not(.minified) {
    @content;
  }
}