_hide.scss

// BREAKPOINT LG
@include breakpoint(lg) {
  .hide-lg {
    display: none;
  }
}

@include breakpoint(only-lg) {
  .hide-only-lg {
    display: none;
  }
}


// BREAKPOINT MD
@include breakpoint(md) {
  .hide-md {
    display: none;
  }
}

@include breakpoint(only-md) {
  .hide-only-md {
    display: none;
  }
}

@include breakpoint(md-and-up) {
  .hide-md-and-up {
    display: none;
  }
}


// BREAKPOINT SM
@include breakpoint(sm) {
  .hide-sm {
    display: none;
  }
}

@include breakpoint(only-sm) {
  .hide-only-sm {
    display: none;
  }
}

@include breakpoint(sm-and-up) {
  .hide-sm-and-up {
    display: none;
  }
}


// BREAKPOINT XS
@include breakpoint(xs) {
  .hide-xs {
    display: none;
  }
}