@patternfly/patternfly/utilities/Sizing/sizing.css

Assets, source, tooling, and content for PatternFly 4

.pf-v6-u-w-auto {
  width: auto !important;
}

.pf-v6-u-w-initial {
  width: initial !important;
}

.pf-v6-u-w-inherit {
  width: inherit !important;
}

.pf-v6-u-w-0 {
  width: 0% !important;
}

.pf-v6-u-w-25 {
  width: 25% !important;
}

.pf-v6-u-w-33 {
  width: 33.3333333333% !important;
}

.pf-v6-u-w-50 {
  width: 50% !important;
}

.pf-v6-u-w-66 {
  width: 66.6666666667% !important;
}

.pf-v6-u-w-75 {
  width: 75% !important;
}

.pf-v6-u-w-100 {
  width: 100% !important;
}

.pf-v6-u-w-25vw {
  width: 25vw !important;
}

.pf-v6-u-w-33vw {
  width: 33.3333333333vw !important;
}

.pf-v6-u-w-50vw {
  width: 50vw !important;
}

.pf-v6-u-w-66vw {
  width: 66.6666666667vw !important;
}

.pf-v6-u-w-75vw {
  width: 75vw !important;
}

.pf-v6-u-w-100vw {
  width: 100vw !important;
}

@media screen and (min-width: 36rem) {
  .pf-v6-u-w-auto-on-sm {
    width: auto !important;
  }
  .pf-v6-u-w-initial-on-sm {
    width: initial !important;
  }
  .pf-v6-u-w-inherit-on-sm {
    width: inherit !important;
  }
  .pf-v6-u-w-0-on-sm {
    width: 0% !important;
  }
  .pf-v6-u-w-25-on-sm {
    width: 25% !important;
  }
  .pf-v6-u-w-33-on-sm {
    width: 33.3333333333% !important;
  }
  .pf-v6-u-w-50-on-sm {
    width: 50% !important;
  }
  .pf-v6-u-w-66-on-sm {
    width: 66.6666666667% !important;
  }
  .pf-v6-u-w-75-on-sm {
    width: 75% !important;
  }
  .pf-v6-u-w-100-on-sm {
    width: 100% !important;
  }
  .pf-v6-u-w-25vw-on-sm {
    width: 25vw !important;
  }
  .pf-v6-u-w-33vw-on-sm {
    width: 33.3333333333vw !important;
  }
  .pf-v6-u-w-50vw-on-sm {
    width: 50vw !important;
  }
  .pf-v6-u-w-66vw-on-sm {
    width: 66.6666666667vw !important;
  }
  .pf-v6-u-w-75vw-on-sm {
    width: 75vw !important;
  }
  .pf-v6-u-w-100vw-on-sm {
    width: 100vw !important;
  }
}
@media screen and (min-width: 48rem) {
  .pf-v6-u-w-auto-on-md {
    width: auto !important;
  }
  .pf-v6-u-w-initial-on-md {
    width: initial !important;
  }
  .pf-v6-u-w-inherit-on-md {
    width: inherit !important;
  }
  .pf-v6-u-w-0-on-md {
    width: 0% !important;
  }
  .pf-v6-u-w-25-on-md {
    width: 25% !important;
  }
  .pf-v6-u-w-33-on-md {
    width: 33.3333333333% !important;
  }
  .pf-v6-u-w-50-on-md {
    width: 50% !important;
  }
  .pf-v6-u-w-66-on-md {
    width: 66.6666666667% !important;
  }
  .pf-v6-u-w-75-on-md {
    width: 75% !important;
  }
  .pf-v6-u-w-100-on-md {
    width: 100% !important;
  }
  .pf-v6-u-w-25vw-on-md {
    width: 25vw !important;
  }
  .pf-v6-u-w-33vw-on-md {
    width: 33.3333333333vw !important;
  }
  .pf-v6-u-w-50vw-on-md {
    width: 50vw !important;
  }
  .pf-v6-u-w-66vw-on-md {
    width: 66.6666666667vw !important;
  }
  .pf-v6-u-w-75vw-on-md {
    width: 75vw !important;
  }
  .pf-v6-u-w-100vw-on-md {
    width: 100vw !important;
  }
}
@media screen and (min-width: 62rem) {
  .pf-v6-u-w-auto-on-lg {
    width: auto !important;
  }
  .pf-v6-u-w-initial-on-lg {
    width: initial !important;
  }
  .pf-v6-u-w-inherit-on-lg {
    width: inherit !important;
  }
  .pf-v6-u-w-0-on-lg {
    width: 0% !important;
  }
  .pf-v6-u-w-25-on-lg {
    width: 25% !important;
  }
  .pf-v6-u-w-33-on-lg {
    width: 33.3333333333% !important;
  }
  .pf-v6-u-w-50-on-lg {
    width: 50% !important;
  }
  .pf-v6-u-w-66-on-lg {
    width: 66.6666666667% !important;
  }
  .pf-v6-u-w-75-on-lg {
    width: 75% !important;
  }
  .pf-v6-u-w-100-on-lg {
    width: 100% !important;
  }
  .pf-v6-u-w-25vw-on-lg {
    width: 25vw !important;
  }
  .pf-v6-u-w-33vw-on-lg {
    width: 33.3333333333vw !important;
  }
  .pf-v6-u-w-50vw-on-lg {
    width: 50vw !important;
  }
  .pf-v6-u-w-66vw-on-lg {
    width: 66.6666666667vw !important;
  }
  .pf-v6-u-w-75vw-on-lg {
    width: 75vw !important;
  }
  .pf-v6-u-w-100vw-on-lg {
    width: 100vw !important;
  }
}
@media screen and (min-width: 75rem) {
  .pf-v6-u-w-auto-on-xl {
    width: auto !important;
  }
  .pf-v6-u-w-initial-on-xl {
    width: initial !important;
  }
  .pf-v6-u-w-inherit-on-xl {
    width: inherit !important;
  }
  .pf-v6-u-w-0-on-xl {
    width: 0% !important;
  }
  .pf-v6-u-w-25-on-xl {
    width: 25% !important;
  }
  .pf-v6-u-w-33-on-xl {
    width: 33.3333333333% !important;
  }
  .pf-v6-u-w-50-on-xl {
    width: 50% !important;
  }
  .pf-v6-u-w-66-on-xl {
    width: 66.6666666667% !important;
  }
  .pf-v6-u-w-75-on-xl {
    width: 75% !important;
  }
  .pf-v6-u-w-100-on-xl {
    width: 100% !important;
  }
  .pf-v6-u-w-25vw-on-xl {
    width: 25vw !important;
  }
  .pf-v6-u-w-33vw-on-xl {
    width: 33.3333333333vw !important;
  }
  .pf-v6-u-w-50vw-on-xl {
    width: 50vw !important;
  }
  .pf-v6-u-w-66vw-on-xl {
    width: 66.6666666667vw !important;
  }
  .pf-v6-u-w-75vw-on-xl {
    width: 75vw !important;
  }
  .pf-v6-u-w-100vw-on-xl {
    width: 100vw !important;
  }
}
@media screen and (min-width: 90.625rem) {
  .pf-v6-u-w-auto-on-2xl {
    width: auto !important;
  }
  .pf-v6-u-w-initial-on-2xl {
    width: initial !important;
  }
  .pf-v6-u-w-inherit-on-2xl {
    width: inherit !important;
  }
  .pf-v6-u-w-0-on-2xl {
    width: 0% !important;
  }
  .pf-v6-u-w-25-on-2xl {
    width: 25% !important;
  }
  .pf-v6-u-w-33-on-2xl {
    width: 33.3333333333% !important;
  }
  .pf-v6-u-w-50-on-2xl {
    width: 50% !important;
  }
  .pf-v6-u-w-66-on-2xl {
    width: 66.6666666667% !important;
  }
  .pf-v6-u-w-75-on-2xl {
    width: 75% !important;
  }
  .pf-v6-u-w-100-on-2xl {
    width: 100% !important;
  }
  .pf-v6-u-w-25vw-on-2xl {
    width: 25vw !important;
  }
  .pf-v6-u-w-33vw-on-2xl {
    width: 33.3333333333vw !important;
  }
  .pf-v6-u-w-50vw-on-2xl {
    width: 50vw !important;
  }
  .pf-v6-u-w-66vw-on-2xl {
    width: 66.6666666667vw !important;
  }
  .pf-v6-u-w-75vw-on-2xl {
    width: 75vw !important;
  }
  .pf-v6-u-w-100vw-on-2xl {
    width: 100vw !important;
  }
}
.pf-v6-u-h-auto {
  height: auto !important;
}

.pf-v6-u-h-initial {
  height: initial !important;
}

.pf-v6-u-h-inherit {
  height: inherit !important;
}

.pf-v6-u-h-0 {
  height: 0% !important;
}

.pf-v6-u-h-25 {
  height: 25% !important;
}

.pf-v6-u-h-33 {
  height: 33.3333333333% !important;
}

.pf-v6-u-h-50 {
  height: 50% !important;
}

.pf-v6-u-h-66 {
  height: 66.6666666667% !important;
}

.pf-v6-u-h-75 {
  height: 75% !important;
}

.pf-v6-u-h-100 {
  height: 100% !important;
}

.pf-v6-u-h-25vh {
  height: 25vh !important;
}

.pf-v6-u-h-33vh {
  height: 33.3333333333vh !important;
}

.pf-v6-u-h-50vh {
  height: 50vh !important;
}

.pf-v6-u-h-66vh {
  height: 66.6666666667vh !important;
}

.pf-v6-u-h-75vh {
  height: 75vh !important;
}

.pf-v6-u-h-100vh {
  height: 100vh !important;
}

@media screen and (min-width: 36rem) {
  .pf-v6-u-h-auto-on-sm {
    height: auto !important;
  }
  .pf-v6-u-h-initial-on-sm {
    height: initial !important;
  }
  .pf-v6-u-h-inherit-on-sm {
    height: inherit !important;
  }
  .pf-v6-u-h-0-on-sm {
    height: 0% !important;
  }
  .pf-v6-u-h-25-on-sm {
    height: 25% !important;
  }
  .pf-v6-u-h-33-on-sm {
    height: 33.3333333333% !important;
  }
  .pf-v6-u-h-50-on-sm {
    height: 50% !important;
  }
  .pf-v6-u-h-66-on-sm {
    height: 66.6666666667% !important;
  }
  .pf-v6-u-h-75-on-sm {
    height: 75% !important;
  }
  .pf-v6-u-h-100-on-sm {
    height: 100% !important;
  }
  .pf-v6-u-h-25vh-on-sm {
    height: 25vh !important;
  }
  .pf-v6-u-h-33vh-on-sm {
    height: 33.3333333333vh !important;
  }
  .pf-v6-u-h-50vh-on-sm {
    height: 50vh !important;
  }
  .pf-v6-u-h-66vh-on-sm {
    height: 66.6666666667vh !important;
  }
  .pf-v6-u-h-75vh-on-sm {
    height: 75vh !important;
  }
  .pf-v6-u-h-100vh-on-sm {
    height: 100vh !important;
  }
}
@media screen and (min-width: 48rem) {
  .pf-v6-u-h-auto-on-md {
    height: auto !important;
  }
  .pf-v6-u-h-initial-on-md {
    height: initial !important;
  }
  .pf-v6-u-h-inherit-on-md {
    height: inherit !important;
  }
  .pf-v6-u-h-0-on-md {
    height: 0% !important;
  }
  .pf-v6-u-h-25-on-md {
    height: 25% !important;
  }
  .pf-v6-u-h-33-on-md {
    height: 33.3333333333% !important;
  }
  .pf-v6-u-h-50-on-md {
    height: 50% !important;
  }
  .pf-v6-u-h-66-on-md {
    height: 66.6666666667% !important;
  }
  .pf-v6-u-h-75-on-md {
    height: 75% !important;
  }
  .pf-v6-u-h-100-on-md {
    height: 100% !important;
  }
  .pf-v6-u-h-25vh-on-md {
    height: 25vh !important;
  }
  .pf-v6-u-h-33vh-on-md {
    height: 33.3333333333vh !important;
  }
  .pf-v6-u-h-50vh-on-md {
    height: 50vh !important;
  }
  .pf-v6-u-h-66vh-on-md {
    height: 66.6666666667vh !important;
  }
  .pf-v6-u-h-75vh-on-md {
    height: 75vh !important;
  }
  .pf-v6-u-h-100vh-on-md {
    height: 100vh !important;
  }
}
@media screen and (min-width: 62rem) {
  .pf-v6-u-h-auto-on-lg {
    height: auto !important;
  }
  .pf-v6-u-h-initial-on-lg {
    height: initial !important;
  }
  .pf-v6-u-h-inherit-on-lg {
    height: inherit !important;
  }
  .pf-v6-u-h-0-on-lg {
    height: 0% !important;
  }
  .pf-v6-u-h-25-on-lg {
    height: 25% !important;
  }
  .pf-v6-u-h-33-on-lg {
    height: 33.3333333333% !important;
  }
  .pf-v6-u-h-50-on-lg {
    height: 50% !important;
  }
  .pf-v6-u-h-66-on-lg {
    height: 66.6666666667% !important;
  }
  .pf-v6-u-h-75-on-lg {
    height: 75% !important;
  }
  .pf-v6-u-h-100-on-lg {
    height: 100% !important;
  }
  .pf-v6-u-h-25vh-on-lg {
    height: 25vh !important;
  }
  .pf-v6-u-h-33vh-on-lg {
    height: 33.3333333333vh !important;
  }
  .pf-v6-u-h-50vh-on-lg {
    height: 50vh !important;
  }
  .pf-v6-u-h-66vh-on-lg {
    height: 66.6666666667vh !important;
  }
  .pf-v6-u-h-75vh-on-lg {
    height: 75vh !important;
  }
  .pf-v6-u-h-100vh-on-lg {
    height: 100vh !important;
  }
}
@media screen and (min-width: 75rem) {
  .pf-v6-u-h-auto-on-xl {
    height: auto !important;
  }
  .pf-v6-u-h-initial-on-xl {
    height: initial !important;
  }
  .pf-v6-u-h-inherit-on-xl {
    height: inherit !important;
  }
  .pf-v6-u-h-0-on-xl {
    height: 0% !important;
  }
  .pf-v6-u-h-25-on-xl {
    height: 25% !important;
  }
  .pf-v6-u-h-33-on-xl {
    height: 33.3333333333% !important;
  }
  .pf-v6-u-h-50-on-xl {
    height: 50% !important;
  }
  .pf-v6-u-h-66-on-xl {
    height: 66.6666666667% !important;
  }
  .pf-v6-u-h-75-on-xl {
    height: 75% !important;
  }
  .pf-v6-u-h-100-on-xl {
    height: 100% !important;
  }
  .pf-v6-u-h-25vh-on-xl {
    height: 25vh !important;
  }
  .pf-v6-u-h-33vh-on-xl {
    height: 33.3333333333vh !important;
  }
  .pf-v6-u-h-50vh-on-xl {
    height: 50vh !important;
  }
  .pf-v6-u-h-66vh-on-xl {
    height: 66.6666666667vh !important;
  }
  .pf-v6-u-h-75vh-on-xl {
    height: 75vh !important;
  }
  .pf-v6-u-h-100vh-on-xl {
    height: 100vh !important;
  }
}
@media screen and (min-width: 90.625rem) {
  .pf-v6-u-h-auto-on-2xl {
    height: auto !important;
  }
  .pf-v6-u-h-initial-on-2xl {
    height: initial !important;
  }
  .pf-v6-u-h-inherit-on-2xl {
    height: inherit !important;
  }
  .pf-v6-u-h-0-on-2xl {
    height: 0% !important;
  }
  .pf-v6-u-h-25-on-2xl {
    height: 25% !important;
  }
  .pf-v6-u-h-33-on-2xl {
    height: 33.3333333333% !important;
  }
  .pf-v6-u-h-50-on-2xl {
    height: 50% !important;
  }
  .pf-v6-u-h-66-on-2xl {
    height: 66.6666666667% !important;
  }
  .pf-v6-u-h-75-on-2xl {
    height: 75% !important;
  }
  .pf-v6-u-h-100-on-2xl {
    height: 100% !important;
  }
  .pf-v6-u-h-25vh-on-2xl {
    height: 25vh !important;
  }
  .pf-v6-u-h-33vh-on-2xl {
    height: 33.3333333333vh !important;
  }
  .pf-v6-u-h-50vh-on-2xl {
    height: 50vh !important;
  }
  .pf-v6-u-h-66vh-on-2xl {
    height: 66.6666666667vh !important;
  }
  .pf-v6-u-h-75vh-on-2xl {
    height: 75vh !important;
  }
  .pf-v6-u-h-100vh-on-2xl {
    height: 100vh !important;
  }
}
.pf-v6-u-min-width {
  --pf-v6-u-min-width--MinWidth: 0;
  min-width: var(--pf-v6-u-min-width--MinWidth) !important;
}
@media (min-width: 36rem) {
  .pf-v6-u-min-width {
    min-width: var(--pf-v6-u-min-width--MinWidth-on-sm, var(--pf-v6-u-min-width--MinWidth)) !important;
  }
}
@media (min-width: 48rem) {
  .pf-v6-u-min-width {
    min-width: var(--pf-v6-u-min-width--MinWidth-on-md, var(--pf-v6-u-min-width--MinWidth-on-sm, var(--pf-v6-u-min-width--MinWidth))) !important;
  }
}
@media (min-width: 62rem) {
  .pf-v6-u-min-width {
    min-width: var(--pf-v6-u-min-width--MinWidth-on-lg, var(--pf-v6-u-min-width--MinWidth-on-md, var(--pf-v6-u-min-width--MinWidth-on-sm, var(--pf-v6-u-min-width--MinWidth)))) !important;
  }
}
@media (min-width: 75rem) {
  .pf-v6-u-min-width {
    min-width: var(--pf-v6-u-min-width--MinWidth-on-xl, var(--pf-v6-u-min-width--MinWidth-on-lg, var(--pf-v6-u-min-width--MinWidth-on-md, var(--pf-v6-u-min-width--MinWidth-on-sm, var(--pf-v6-u-min-width--MinWidth))))) !important;
  }
}
@media (min-width: 90.625rem) {
  .pf-v6-u-min-width {
    min-width: var(--pf-v6-u-min-width--MinWidth-on-2xl, var(--pf-v6-u-min-width--MinWidth-on-xl, var(--pf-v6-u-min-width--MinWidth-on-lg, var(--pf-v6-u-min-width--MinWidth-on-md, var(--pf-v6-u-min-width--MinWidth-on-sm, var(--pf-v6-u-min-width--MinWidth)))))) !important;
  }
}

.pf-v6-u-max-width {
  --pf-v6-u-max-width--MaxWidth: auto;
  max-width: var(--pf-v6-u-max-width--MaxWidth) !important;
}
@media (min-width: 36rem) {
  .pf-v6-u-max-width {
    max-width: var(--pf-v6-u-max-width--MaxWidth-on-sm, var(--pf-v6-u-max-width--MaxWidth)) !important;
  }
}
@media (min-width: 48rem) {
  .pf-v6-u-max-width {
    max-width: var(--pf-v6-u-max-width--MaxWidth-on-md, var(--pf-v6-u-max-width--MaxWidth-on-sm, var(--pf-v6-u-max-width--MaxWidth))) !important;
  }
}
@media (min-width: 62rem) {
  .pf-v6-u-max-width {
    max-width: var(--pf-v6-u-max-width--MaxWidth-on-lg, var(--pf-v6-u-max-width--MaxWidth-on-md, var(--pf-v6-u-max-width--MaxWidth-on-sm, var(--pf-v6-u-max-width--MaxWidth)))) !important;
  }
}
@media (min-width: 75rem) {
  .pf-v6-u-max-width {
    max-width: var(--pf-v6-u-max-width--MaxWidth-on-xl, var(--pf-v6-u-max-width--MaxWidth-on-lg, var(--pf-v6-u-max-width--MaxWidth-on-md, var(--pf-v6-u-max-width--MaxWidth-on-sm, var(--pf-v6-u-max-width--MaxWidth))))) !important;
  }
}
@media (min-width: 90.625rem) {
  .pf-v6-u-max-width {
    max-width: var(--pf-v6-u-max-width--MaxWidth-on-2xl, var(--pf-v6-u-max-width--MaxWidth-on-xl, var(--pf-v6-u-max-width--MaxWidth-on-lg, var(--pf-v6-u-max-width--MaxWidth-on-md, var(--pf-v6-u-max-width--MaxWidth-on-sm, var(--pf-v6-u-max-width--MaxWidth)))))) !important;
  }
}

.pf-v6-u-min-height {
  --pf-v6-u-min-height--MinHeight: 0;
  min-height: var(--pf-v6-u-min-height--MinHeight) !important;
}
@media (min-width: 36rem) {
  .pf-v6-u-min-height {
    min-height: var(--pf-v6-u-min-height--MinHeight-on-sm, var(--pf-v6-u-min-height--MinHeight)) !important;
  }
}
@media (min-width: 48rem) {
  .pf-v6-u-min-height {
    min-height: var(--pf-v6-u-min-height--MinHeight-on-md, var(--pf-v6-u-min-height--MinHeight-on-sm, var(--pf-v6-u-min-height--MinHeight))) !important;
  }
}
@media (min-width: 62rem) {
  .pf-v6-u-min-height {
    min-height: var(--pf-v6-u-min-height--MinHeight-on-lg, var(--pf-v6-u-min-height--MinHeight-on-md, var(--pf-v6-u-min-height--MinHeight-on-sm, var(--pf-v6-u-min-height--MinHeight)))) !important;
  }
}
@media (min-width: 75rem) {
  .pf-v6-u-min-height {
    min-height: var(--pf-v6-u-min-height--MinHeight-on-xl, var(--pf-v6-u-min-height--MinHeight-on-lg, var(--pf-v6-u-min-height--MinHeight-on-md, var(--pf-v6-u-min-height--MinHeight-on-sm, var(--pf-v6-u-min-height--MinHeight))))) !important;
  }
}
@media (min-width: 90.625rem) {
  .pf-v6-u-min-height {
    min-height: var(--pf-v6-u-min-height--MinHeight-on-2xl, var(--pf-v6-u-min-height--MinHeight-on-xl, var(--pf-v6-u-min-height--MinHeight-on-lg, var(--pf-v6-u-min-height--MinHeight-on-md, var(--pf-v6-u-min-height--MinHeight-on-sm, var(--pf-v6-u-min-height--MinHeight)))))) !important;
  }
}

.pf-v6-u-max-height {
  --pf-v6-u-max-height--MaxHeight: auto;
  max-height: var(--pf-v6-u-max-height--MaxHeight) !important;
}
@media (min-width: 36rem) {
  .pf-v6-u-max-height {
    max-height: var(--pf-v6-u-max-height--MaxHeight-on-sm, var(--pf-v6-u-max-height--MaxHeight)) !important;
  }
}
@media (min-width: 48rem) {
  .pf-v6-u-max-height {
    max-height: var(--pf-v6-u-max-height--MaxHeight-on-md, var(--pf-v6-u-max-height--MaxHeight-on-sm, var(--pf-v6-u-max-height--MaxHeight))) !important;
  }
}
@media (min-width: 62rem) {
  .pf-v6-u-max-height {
    max-height: var(--pf-v6-u-max-height--MaxHeight-on-lg, var(--pf-v6-u-max-height--MaxHeight-on-md, var(--pf-v6-u-max-height--MaxHeight-on-sm, var(--pf-v6-u-max-height--MaxHeight)))) !important;
  }
}
@media (min-width: 75rem) {
  .pf-v6-u-max-height {
    max-height: var(--pf-v6-u-max-height--MaxHeight-on-xl, var(--pf-v6-u-max-height--MaxHeight-on-lg, var(--pf-v6-u-max-height--MaxHeight-on-md, var(--pf-v6-u-max-height--MaxHeight-on-sm, var(--pf-v6-u-max-height--MaxHeight))))) !important;
  }
}
@media (min-width: 90.625rem) {
  .pf-v6-u-max-height {
    max-height: var(--pf-v6-u-max-height--MaxHeight-on-2xl, var(--pf-v6-u-max-height--MaxHeight-on-xl, var(--pf-v6-u-max-height--MaxHeight-on-lg, var(--pf-v6-u-max-height--MaxHeight-on-md, var(--pf-v6-u-max-height--MaxHeight-on-sm, var(--pf-v6-u-max-height--MaxHeight)))))) !important;
  }
}