visibility_07.scss

@include breakpoint(xs) {
  .display--xs {
    display: block !important;
  }

  .hide--xs {
    display: none !important;
  }
}

@include breakpoint(sm) {
  .display--sm {
    display: block !important;
  }

  .hide--sm {
    display: none !important;
  }
}

@include breakpoint(md) {
  .display--md {
    display: block !important;
  }

  .hide--md {
    display: none !important;
  }
}

@include breakpoint(lg) {
  .display--lg {
    display: block !important;
  }

  .hide--lg {
    display: none !important;
  }
}

@include breakpoint(xl) {
  .display--xl {
    display: block !important;
  }

  .hide--xl {
    display: none !important;
  }
}

// component code - not included in the _visibility.scss file
.component div {
  display: inline-block;
}