@mixin ui-from($bp) {
  @media only screen and (min-width: $bp + 1px) {
    @content;
  }
}

@mixin ui-to($bp) {
  @media only screen and (max-width: $bp) {
    @content;
  }
}