@c8y/style
Version:
Styles for Cumulocity IoT applications
143 lines (134 loc) • 2.36 kB
text/less
/**
* Position Utilities
*
* Note: Uses @screen-* tokens for responsive breakpoints.
*
* Intentionally hardcoded values:
* - 0 values: Zero position offsets, not spacing
* - Position keywords: relative, absolute, static, sticky
*/
.p-relative {
position: relative ;
}
.p-absolute {
position: absolute ;
}
.p-static {
position: static ;
}
.p-sticky {
position: sticky ;
}
.top-0 {
top: 0 ;
}
.left-0 {
left: 0 ;
}
// Removed unused positioning utilities - verified 0 usages:
// .right-0, .bottom-0
// media queries
@media (max-width: @screen-xs-max) {
.p-relative-xs {
position: relative ;
}
.p-absolute-xs {
position: absolute ;
}
.p-static-xs {
position: static ;
}
.p-sticky-xs {
position: sticky ;
}
.top-0-xs {
top: 0 ;
}
.left-0-xs {
left: 0 ;
}
.right-0-xs {
right: 0 ;
}
.bottom-0-xs {
bottom: 0 ;
}
}
@media (min-width: @screen-sm-min) {
.p-relative-sm {
position: relative ;
}
.p-absolute-sm {
position: absolute ;
}
.p-static-sm {
position: static ;
}
.p-sticky-sm {
position: sticky ;
}
.top-0-sm {
top: 0 ;
}
.left-0-sm {
left: 0 ;
}
.right-0-sm {
right: 0 ;
}
.bottom-0-sm {
bottom: 0 ;
}
}
@media (min-width: @screen-md-min) {
.p-relative-md {
position: relative ;
}
.p-absolute-md {
position: absolute ;
}
.p-static-md {
position: static ;
}
.p-sticky-md {
position: sticky ;
}
.top-0-md {
top: 0 ;
}
.left-0-md {
left: 0 ;
}
.right-0-md {
right: 0 ;
}
.bottom-0-md {
bottom: 0 ;
}
}
@media (min-width: @screen-lg-min) {
.p-relative-lg {
position: relative ;
}
.p-absolute-lg {
position: absolute ;
}
.p-static-lg {
position: static ;
}
.p-sticky-lg {
position: sticky ;
}
.top-0-lg {
top: 0 ;
}
.left-0-lg {
left: 0 ;
}
.right-0-lg {
right: 0 ;
}
.bottom-0-lg {
bottom: 0 ;
}
}