owncast/web/styles/mixins.scss

@mixin flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

@mixin screen($breakpoint) {
  @if $breakpoint == desktop {
    @media only screen and (width >= 768px) {
      @content;
    }
  }

  // tablet will also apply to mobile as there is no cut-off for min-width, however changing this now could break CSS all over the site.
  @if $breakpoint == tablet {
    @media only screen and (width <= 768px) {
      @content;
    }
  }

  @if $breakpoint == mobile {
    @media only screen and (width <= 481px) {
      @content;
    }
  }
}