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

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

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

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

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

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

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

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