@import '../../variable';

@media (min-width: $xl-breakpoint) {
  .position-static-xl {
    position: static !important;
  }

  .position-relative-xl {
    position: relative !important;
  }

  .position-absolute-xl {
    position: absolute !important;
  }

  .position-fixed-xl {
    position: fixed !important;
  }

  .position-sticky-xl {
    position: -webkit-sticky !important;
    position: sticky !important;
  }

  .fixed-top-xl {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 30;
  }

  .fixed-bottom-xl {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 30;
  }
}