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

Styles for Cumulocity IoT applications

// Sizing Utilities - Max/min width/height utility classes

/**
 * Sizing Utilities - Width/Height utility classes
 *
 * Note: These are utility classes with fixed API - values are intentionally hardcoded.
 *
 * Intentionally hardcoded values:
 * - Percentages (100%): Layout utilities
 * - Pixel values (20px): Fixed size utilities
 * - Keywords (unset, inherit, fit-content): CSS utility values
 * - Number values (0): No size
 */

// Max width
.max-width-unset {
  max-width: unset !important;
}
.max-width-inherit {
  max-width: inherit !important;
}
.max-width-100 {
  max-width: 100% !important;
}
.max-width-fit {
  max-width: fit-content !important;
}

// Min width
.min-width-unset {
  min-width: unset !important;
}
.min-width-100 {
  min-width: 100% !important;
}
.min-width-0{
  min-width: 0;
}
.min-width-fit {
  min-width: fit-content !important;
}


// min-height
.min-height-unset,
.no-min-height{
  min-height: unset !important;
}

.min-height-fit {
  min-height: fit-content !important;
}

.fit-min-h,
.min-height-100 {
  min-height: 100% !important;
}

.min-height-0{
  min-height: 0;
}

// width

.fit-w {
  width: 100% !important;
}

// height

.fit-h {
  height: 100% !important;
}

.fit-h--md{
  @media (min-width: @screen-md-min){
    height: 100% !important;
  }
}

.fit-h-20 {
  height: 20px !important;
}

// Sticky header
.sticky-header-top-0 {
  position: sticky !important;
  top: 0 !important;
  background: inherit;
}

.sticky-right{
  position: sticky!important;
  right:0;
  background: inherit;
  margin-bottom: 1px;
}

// Transitions
.transition-bg {
  transition: background 0.25s ease;
}

[ng-click],
.pointer {
  cursor: pointer !important;
  // Removed unused cursor utility - verified 0 usages: .no-cursor
}

.no-pointer {
  pointer-events: none !important;
}

.pointer-all{
  pointer-events: all !important;
}

// remove display from transclude elements
[ng-transclude].ng-scope {
  display: contents;
}