//
// Visibility utilities
//

.opacity-0 {
  opacity: 0 !important;
}

.opacity-1 {
  opacity: 1 !important;
}

// Responsive visibility utilities

@each $bp in map-keys($grid-breakpoints) {
  .from#{capitalize($bp)}-hidden {
    @include media-up($bp) {
      display: none !important;
    }
  }
  .upTo#{capitalize($bp)}-hidden {
    @include media-down($bp) {
      display: none !important;
    }
  }
}