//
// Display
// --------------------------------------------------

.h-header {
  height: $header-height !important;
}

.overflow-y-auto {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.skew-y-1 {
  transform: skewY(1deg);
}

.-skew-y-1 {
  transform: skewY(-1deg);
}

// Full height with scroll on large screens
@include media-breakpoint-up(lg) {
  .h100-scroll {
    height: 100vh;
    overflow-y: auto;
  }
}