@c8y/style/styles/utilities/_position.less

Styles for Cumulocity IoT applications

.p-relative {
  position: relative !important;
}
.p-absolute {
  position: absolute !important;
}
.p-static {
  position: static !important;
}
.p-sticky {
  position: sticky !important;
}

.top-0 {
  top: 0 !important;
}
.left-0 {
  left: 0 !important;
}
.right-0 {
  right: 0 !important;
}
.bottom-0 {
  bottom: 0 !important;
}

// media queries
@media (max-width: @screen-xs-max) {
  .p-relative-xs {
    position: relative !important;
  }
  .p-absolute-xs {
    position: absolute !important;
  }
  .p-static-xs {
    position: static !important;
  }
  .p-sticky-xs {
    position: sticky !important;
  }
  .top-0-xs {
    top: 0 !important;
  }
  .left-0-xs {
    left: 0 !important;
  }
  .right-0-xs {
    right: 0 !important;
  }
  .bottom-0-xs {
    bottom: 0 !important;
  }
}

@media (min-width: @screen-sm-min) {
  .p-relative-sm {
    position: relative !important;
  }
  .p-absolute-sm {
    position: absolute !important;
  }
  .p-static-sm {
    position: static !important;
  }
  .p-sticky-sm {
    position: sticky !important;
  }
  .top-0-sm {
    top: 0 !important;
  }
  .left-0-sm {
    left: 0 !important;
  }
  .right-0-sm {
    right: 0 !important;
  }
  .bottom-0-sm {
    bottom: 0 !important;
  }
}

@media (min-width: @screen-md-min) {
  .p-relative-md {
    position: relative !important;
  }
  .p-absolute-md {
    position: absolute !important;
  }
  .p-static-md {
    position: static !important;
  }
  .p-sticky-md {
    position: sticky !important;
  }
  .top-0-md {
    top: 0 !important;
  }
  .left-0-md {
    left: 0 !important;
  }
  .right-0-md {
    right: 0 !important;
  }
  .bottom-0-md {
    bottom: 0 !important;
  }
}

@media (min-width: @screen-lg-min) {
  .p-relative-lg {
    position: relative !important;
  }
  .p-absolute-lg {
    position: absolute !important;
  }
  .p-static-lg {
    position: static !important;
  }
  .p-sticky-lg {
    position: sticky !important;
  }
  .top-0-lg {
    top: 0 !important;
  }
  .left-0-lg {
    left: 0 !important;
  }
  .right-0-lg {
    right: 0 !important;
  }
  .bottom-0-lg {
    bottom: 0 !important;
  }
}