@import "./variables";
@import "./breakpoints.mixins";

.mobile-only {
  @include media-breakpoint-up(tablet) {
    display: none !important;
  }
}

.tablet-only {
  @include media-breakpoint-down(mobile) {
    display: none !important;
  }

  @include media-breakpoint-up(smallDesktop) {
    display: none !important;
  }
}

.small-desktop-only {
  @include media-breakpoint-down(tablet) {
    display: none !important;
  }

  @include media-breakpoint-up(fullDesktop) {
    display: none !important;
  }
}

.full-desktop-only {
  @include media-breakpoint-down(smallDesktop) {
    display: none !important;
  }
}

.tablet-up {
  @include media-breakpoint-down(mobile) {
    display: none !important;
  }
}

.small-desktop-up {
  @include media-breakpoint-down(tablet) {
    display: none !important;
  }
}

.tablet-down {
  @include media-breakpoint-up(smallDesktop) {
    display: none !important;
  }
}

.small-desktop-down {
  @include media-breakpoint-up(fullDesktop) {
    display: none !important;
  }
}