@patternfly/patternfly
Version:
Assets, source, tooling, and content for PatternFly 4
1,081 lines (1,029 loc) • 34 kB
CSS
.pf-v5-u-font-family-text {
font-family: var(--pf-v5-global--FontFamily--text) ;
}
.pf-v5-u-font-family-heading {
font-family: var(--pf-v5-global--FontFamily--heading) ;
}
.pf-v5-u-font-family-monospace {
font-family: var(--pf-v5-global--FontFamily--monospace) ;
}
.pf-v5-u-font-family-text-vf {
font-family: var(--pf-v5-global--FontFamily--text--vf) ;
}
.pf-v5-u-font-family-heading-vf {
font-family: var(--pf-v5-global--FontFamily--heading--vf) ;
}
.pf-v5-u-font-family-monospace-vf {
font-family: var(--pf-v5-global--FontFamily--monospace--vf) ;
}
.pf-v5-u-font-size-xs {
font-size: var(--pf-v5-global--FontSize--xs) ;
}
.pf-v5-u-font-size-sm {
font-size: var(--pf-v5-global--FontSize--sm) ;
}
.pf-v5-u-font-size-md {
font-size: var(--pf-v5-global--FontSize--md) ;
}
.pf-v5-u-font-size-lg {
font-size: var(--pf-v5-global--FontSize--lg) ;
}
.pf-v5-u-font-size-xl {
font-size: var(--pf-v5-global--FontSize--xl) ;
}
.pf-v5-u-font-size-2xl {
font-size: var(--pf-v5-global--FontSize--2xl) ;
}
.pf-v5-u-font-size-3xl {
font-size: var(--pf-v5-global--FontSize--3xl) ;
}
.pf-v5-u-font-size-4xl {
font-size: var(--pf-v5-global--FontSize--4xl) ;
}
@media screen and (min-width: 576px) {
.pf-v5-u-font-size-xs-on-sm {
font-size: var(--pf-v5-global--FontSize--xs) ;
}
.pf-v5-u-font-size-sm-on-sm {
font-size: var(--pf-v5-global--FontSize--sm) ;
}
.pf-v5-u-font-size-md-on-sm {
font-size: var(--pf-v5-global--FontSize--md) ;
}
.pf-v5-u-font-size-lg-on-sm {
font-size: var(--pf-v5-global--FontSize--lg) ;
}
.pf-v5-u-font-size-xl-on-sm {
font-size: var(--pf-v5-global--FontSize--xl) ;
}
.pf-v5-u-font-size-2xl-on-sm {
font-size: var(--pf-v5-global--FontSize--2xl) ;
}
.pf-v5-u-font-size-3xl-on-sm {
font-size: var(--pf-v5-global--FontSize--3xl) ;
}
.pf-v5-u-font-size-4xl-on-sm {
font-size: var(--pf-v5-global--FontSize--4xl) ;
}
}
@media screen and (min-width: 768px) {
.pf-v5-u-font-size-xs-on-md {
font-size: var(--pf-v5-global--FontSize--xs) ;
}
.pf-v5-u-font-size-sm-on-md {
font-size: var(--pf-v5-global--FontSize--sm) ;
}
.pf-v5-u-font-size-md-on-md {
font-size: var(--pf-v5-global--FontSize--md) ;
}
.pf-v5-u-font-size-lg-on-md {
font-size: var(--pf-v5-global--FontSize--lg) ;
}
.pf-v5-u-font-size-xl-on-md {
font-size: var(--pf-v5-global--FontSize--xl) ;
}
.pf-v5-u-font-size-2xl-on-md {
font-size: var(--pf-v5-global--FontSize--2xl) ;
}
.pf-v5-u-font-size-3xl-on-md {
font-size: var(--pf-v5-global--FontSize--3xl) ;
}
.pf-v5-u-font-size-4xl-on-md {
font-size: var(--pf-v5-global--FontSize--4xl) ;
}
}
@media screen and (min-width: 992px) {
.pf-v5-u-font-size-xs-on-lg {
font-size: var(--pf-v5-global--FontSize--xs) ;
}
.pf-v5-u-font-size-sm-on-lg {
font-size: var(--pf-v5-global--FontSize--sm) ;
}
.pf-v5-u-font-size-md-on-lg {
font-size: var(--pf-v5-global--FontSize--md) ;
}
.pf-v5-u-font-size-lg-on-lg {
font-size: var(--pf-v5-global--FontSize--lg) ;
}
.pf-v5-u-font-size-xl-on-lg {
font-size: var(--pf-v5-global--FontSize--xl) ;
}
.pf-v5-u-font-size-2xl-on-lg {
font-size: var(--pf-v5-global--FontSize--2xl) ;
}
.pf-v5-u-font-size-3xl-on-lg {
font-size: var(--pf-v5-global--FontSize--3xl) ;
}
.pf-v5-u-font-size-4xl-on-lg {
font-size: var(--pf-v5-global--FontSize--4xl) ;
}
}
@media screen and (min-width: 1200px) {
.pf-v5-u-font-size-xs-on-xl {
font-size: var(--pf-v5-global--FontSize--xs) ;
}
.pf-v5-u-font-size-sm-on-xl {
font-size: var(--pf-v5-global--FontSize--sm) ;
}
.pf-v5-u-font-size-md-on-xl {
font-size: var(--pf-v5-global--FontSize--md) ;
}
.pf-v5-u-font-size-lg-on-xl {
font-size: var(--pf-v5-global--FontSize--lg) ;
}
.pf-v5-u-font-size-xl-on-xl {
font-size: var(--pf-v5-global--FontSize--xl) ;
}
.pf-v5-u-font-size-2xl-on-xl {
font-size: var(--pf-v5-global--FontSize--2xl) ;
}
.pf-v5-u-font-size-3xl-on-xl {
font-size: var(--pf-v5-global--FontSize--3xl) ;
}
.pf-v5-u-font-size-4xl-on-xl {
font-size: var(--pf-v5-global--FontSize--4xl) ;
}
}
@media screen and (min-width: 1450px) {
.pf-v5-u-font-size-xs-on-2xl {
font-size: var(--pf-v5-global--FontSize--xs) ;
}
.pf-v5-u-font-size-sm-on-2xl {
font-size: var(--pf-v5-global--FontSize--sm) ;
}
.pf-v5-u-font-size-md-on-2xl {
font-size: var(--pf-v5-global--FontSize--md) ;
}
.pf-v5-u-font-size-lg-on-2xl {
font-size: var(--pf-v5-global--FontSize--lg) ;
}
.pf-v5-u-font-size-xl-on-2xl {
font-size: var(--pf-v5-global--FontSize--xl) ;
}
.pf-v5-u-font-size-2xl-on-2xl {
font-size: var(--pf-v5-global--FontSize--2xl) ;
}
.pf-v5-u-font-size-3xl-on-2xl {
font-size: var(--pf-v5-global--FontSize--3xl) ;
}
.pf-v5-u-font-size-4xl-on-2xl {
font-size: var(--pf-v5-global--FontSize--4xl) ;
}
}
.pf-v5-u-font-weight-normal {
font-weight: var(--pf-v5-global--FontWeight--normal) ;
}
.pf-v5-u-font-weight-bold {
font-weight: var(--pf-v5-global--FontWeight--bold) ;
}
@media screen and (min-width: 576px) {
.pf-v5-u-font-weight-normal-on-sm {
font-weight: var(--pf-v5-global--FontWeight--normal) ;
}
.pf-v5-u-font-weight-bold-on-sm {
font-weight: var(--pf-v5-global--FontWeight--bold) ;
}
}
@media screen and (min-width: 768px) {
.pf-v5-u-font-weight-normal-on-md {
font-weight: var(--pf-v5-global--FontWeight--normal) ;
}
.pf-v5-u-font-weight-bold-on-md {
font-weight: var(--pf-v5-global--FontWeight--bold) ;
}
}
@media screen and (min-width: 992px) {
.pf-v5-u-font-weight-normal-on-lg {
font-weight: var(--pf-v5-global--FontWeight--normal) ;
}
.pf-v5-u-font-weight-bold-on-lg {
font-weight: var(--pf-v5-global--FontWeight--bold) ;
}
}
@media screen and (min-width: 1200px) {
.pf-v5-u-font-weight-normal-on-xl {
font-weight: var(--pf-v5-global--FontWeight--normal) ;
}
.pf-v5-u-font-weight-bold-on-xl {
font-weight: var(--pf-v5-global--FontWeight--bold) ;
}
}
@media screen and (min-width: 1450px) {
.pf-v5-u-font-weight-normal-on-2xl {
font-weight: var(--pf-v5-global--FontWeight--normal) ;
}
.pf-v5-u-font-weight-bold-on-2xl {
font-weight: var(--pf-v5-global--FontWeight--bold) ;
}
}
.pf-v5-u-color-100 {
color: var(--pf-v5-global--Color--100) ;
}
.pf-v5-u-color-200 {
color: var(--pf-v5-global--Color--200) ;
}
.pf-v5-u-color-300 {
color: var(--pf-v5-global--Color--300) ;
}
.pf-v5-u-color-400 {
color: var(--pf-v5-global--Color--400) ;
}
.pf-v5-u-active-color-100 {
color: var(--pf-v5-global--active-color--100) ;
}
.pf-v5-u-active-color-400 {
color: var(--pf-v5-global--active-color--400) ;
}
.pf-v5-u-primary-color-100 {
color: var(--pf-v5-global--primary-color--100) ;
}
.pf-v5-u-color-light-100 {
color: var(--pf-v5-global--Color--light-100) ;
}
.pf-v5-u-color-light-200 {
color: var(--pf-v5-global--Color--light-200) ;
}
.pf-v5-u-link-color {
color: var(--pf-v5-global--link--Color) ;
}
.pf-v5-u-link-color-hover {
color: var(--pf-v5-global--link--Color--hover) ;
}
.pf-v5-u-link-color-light {
color: var(--pf-v5-global--link--Color--light) ;
}
.pf-v5-u-link-color-light-hover {
color: var(--pf-v5-global--link--Color--light--hover) ;
}
.pf-v5-u-link-color-dark {
color: var(--pf-v5-global--link--Color--dark) ;
}
.pf-v5-u-link-color-dark-hover {
color: var(--pf-v5-global--link--Color--dark--hover) ;
}
.pf-v5-u-link-color-visited {
color: var(--pf-v5-global--link--Color--visited) ;
}
.pf-v5-u-custom-color-100 {
color: var(--pf-v5-global--custom-color--100) ;
}
.pf-v5-u-custom-color-200 {
color: var(--pf-v5-global--custom-color--200) ;
}
.pf-v5-u-custom-color-300 {
color: var(--pf-v5-global--custom-color--300) ;
}
.pf-v5-u-success-color-100 {
color: var(--pf-v5-global--success-color--100) ;
}
.pf-v5-u-success-color-200 {
color: var(--pf-v5-global--success-color--200) ;
}
.pf-v5-u-info-color-100 {
color: var(--pf-v5-global--info-color--100) ;
}
.pf-v5-u-info-color-200 {
color: var(--pf-v5-global--info-color--200) ;
}
.pf-v5-u-warning-color-100 {
color: var(--pf-v5-global--warning-color--100) ;
}
.pf-v5-u-warning-color-200 {
color: var(--pf-v5-global--warning-color--200) ;
}
.pf-v5-u-danger-color-100 {
color: var(--pf-v5-global--danger-color--100) ;
}
.pf-v5-u-danger-color-200 {
color: var(--pf-v5-global--danger-color--200) ;
}
.pf-v5-u-danger-color-300 {
color: var(--pf-v5-global--danger-color--300) ;
}
.pf-v5-u-disabled-color-100 {
color: var(--pf-v5-global--disabled-color--100) ;
}
.pf-v5-u-disabled-color-200 {
color: var(--pf-v5-global--disabled-color--200) ;
}
.pf-v5-u-icon-color-light {
color: var(--pf-v5-global--icon--Color--light) ;
}
.pf-v5-u-icon-color-dark {
color: var(--pf-v5-global--icon--Color--dark) ;
}
@media screen and (min-width: 576px) {
.pf-v5-u-color-100-on-sm {
color: var(--pf-v5-global--Color--100) ;
}
.pf-v5-u-color-200-on-sm {
color: var(--pf-v5-global--Color--200) ;
}
.pf-v5-u-color-300-on-sm {
color: var(--pf-v5-global--Color--300) ;
}
.pf-v5-u-color-400-on-sm {
color: var(--pf-v5-global--Color--400) ;
}
.pf-v5-u-active-color-100-on-sm {
color: var(--pf-v5-global--active-color--100) ;
}
.pf-v5-u-active-color-400-on-sm {
color: var(--pf-v5-global--active-color--400) ;
}
.pf-v5-u-primary-color-100-on-sm {
color: var(--pf-v5-global--primary-color--100) ;
}
.pf-v5-u-color-light-100-on-sm {
color: var(--pf-v5-global--Color--light-100) ;
}
.pf-v5-u-color-light-200-on-sm {
color: var(--pf-v5-global--Color--light-200) ;
}
.pf-v5-u-link-color-on-sm {
color: var(--pf-v5-global--link--Color) ;
}
.pf-v5-u-link-color-hover-on-sm {
color: var(--pf-v5-global--link--Color--hover) ;
}
.pf-v5-u-link-color-light-on-sm {
color: var(--pf-v5-global--link--Color--light) ;
}
.pf-v5-u-link-color-light-hover-on-sm {
color: var(--pf-v5-global--link--Color--light--hover) ;
}
.pf-v5-u-link-color-dark-on-sm {
color: var(--pf-v5-global--link--Color--dark) ;
}
.pf-v5-u-link-color-dark-hover-on-sm {
color: var(--pf-v5-global--link--Color--dark--hover) ;
}
.pf-v5-u-link-color-visited-on-sm {
color: var(--pf-v5-global--link--Color--visited) ;
}
.pf-v5-u-custom-color-100-on-sm {
color: var(--pf-v5-global--custom-color--100) ;
}
.pf-v5-u-custom-color-200-on-sm {
color: var(--pf-v5-global--custom-color--200) ;
}
.pf-v5-u-custom-color-300-on-sm {
color: var(--pf-v5-global--custom-color--300) ;
}
.pf-v5-u-success-color-100-on-sm {
color: var(--pf-v5-global--success-color--100) ;
}
.pf-v5-u-success-color-200-on-sm {
color: var(--pf-v5-global--success-color--200) ;
}
.pf-v5-u-info-color-100-on-sm {
color: var(--pf-v5-global--info-color--100) ;
}
.pf-v5-u-info-color-200-on-sm {
color: var(--pf-v5-global--info-color--200) ;
}
.pf-v5-u-warning-color-100-on-sm {
color: var(--pf-v5-global--warning-color--100) ;
}
.pf-v5-u-warning-color-200-on-sm {
color: var(--pf-v5-global--warning-color--200) ;
}
.pf-v5-u-danger-color-100-on-sm {
color: var(--pf-v5-global--danger-color--100) ;
}
.pf-v5-u-danger-color-200-on-sm {
color: var(--pf-v5-global--danger-color--200) ;
}
.pf-v5-u-danger-color-300-on-sm {
color: var(--pf-v5-global--danger-color--300) ;
}
.pf-v5-u-disabled-color-100-on-sm {
color: var(--pf-v5-global--disabled-color--100) ;
}
.pf-v5-u-disabled-color-200-on-sm {
color: var(--pf-v5-global--disabled-color--200) ;
}
.pf-v5-u-icon-color-light-on-sm {
color: var(--pf-v5-global--icon--Color--light) ;
}
.pf-v5-u-icon-color-dark-on-sm {
color: var(--pf-v5-global--icon--Color--dark) ;
}
}
@media screen and (min-width: 768px) {
.pf-v5-u-color-100-on-md {
color: var(--pf-v5-global--Color--100) ;
}
.pf-v5-u-color-200-on-md {
color: var(--pf-v5-global--Color--200) ;
}
.pf-v5-u-color-300-on-md {
color: var(--pf-v5-global--Color--300) ;
}
.pf-v5-u-color-400-on-md {
color: var(--pf-v5-global--Color--400) ;
}
.pf-v5-u-active-color-100-on-md {
color: var(--pf-v5-global--active-color--100) ;
}
.pf-v5-u-active-color-400-on-md {
color: var(--pf-v5-global--active-color--400) ;
}
.pf-v5-u-primary-color-100-on-md {
color: var(--pf-v5-global--primary-color--100) ;
}
.pf-v5-u-color-light-100-on-md {
color: var(--pf-v5-global--Color--light-100) ;
}
.pf-v5-u-color-light-200-on-md {
color: var(--pf-v5-global--Color--light-200) ;
}
.pf-v5-u-link-color-on-md {
color: var(--pf-v5-global--link--Color) ;
}
.pf-v5-u-link-color-hover-on-md {
color: var(--pf-v5-global--link--Color--hover) ;
}
.pf-v5-u-link-color-light-on-md {
color: var(--pf-v5-global--link--Color--light) ;
}
.pf-v5-u-link-color-light-hover-on-md {
color: var(--pf-v5-global--link--Color--light--hover) ;
}
.pf-v5-u-link-color-dark-on-md {
color: var(--pf-v5-global--link--Color--dark) ;
}
.pf-v5-u-link-color-dark-hover-on-md {
color: var(--pf-v5-global--link--Color--dark--hover) ;
}
.pf-v5-u-link-color-visited-on-md {
color: var(--pf-v5-global--link--Color--visited) ;
}
.pf-v5-u-custom-color-100-on-md {
color: var(--pf-v5-global--custom-color--100) ;
}
.pf-v5-u-custom-color-200-on-md {
color: var(--pf-v5-global--custom-color--200) ;
}
.pf-v5-u-custom-color-300-on-md {
color: var(--pf-v5-global--custom-color--300) ;
}
.pf-v5-u-success-color-100-on-md {
color: var(--pf-v5-global--success-color--100) ;
}
.pf-v5-u-success-color-200-on-md {
color: var(--pf-v5-global--success-color--200) ;
}
.pf-v5-u-info-color-100-on-md {
color: var(--pf-v5-global--info-color--100) ;
}
.pf-v5-u-info-color-200-on-md {
color: var(--pf-v5-global--info-color--200) ;
}
.pf-v5-u-warning-color-100-on-md {
color: var(--pf-v5-global--warning-color--100) ;
}
.pf-v5-u-warning-color-200-on-md {
color: var(--pf-v5-global--warning-color--200) ;
}
.pf-v5-u-danger-color-100-on-md {
color: var(--pf-v5-global--danger-color--100) ;
}
.pf-v5-u-danger-color-200-on-md {
color: var(--pf-v5-global--danger-color--200) ;
}
.pf-v5-u-danger-color-300-on-md {
color: var(--pf-v5-global--danger-color--300) ;
}
.pf-v5-u-disabled-color-100-on-md {
color: var(--pf-v5-global--disabled-color--100) ;
}
.pf-v5-u-disabled-color-200-on-md {
color: var(--pf-v5-global--disabled-color--200) ;
}
.pf-v5-u-icon-color-light-on-md {
color: var(--pf-v5-global--icon--Color--light) ;
}
.pf-v5-u-icon-color-dark-on-md {
color: var(--pf-v5-global--icon--Color--dark) ;
}
}
@media screen and (min-width: 992px) {
.pf-v5-u-color-100-on-lg {
color: var(--pf-v5-global--Color--100) ;
}
.pf-v5-u-color-200-on-lg {
color: var(--pf-v5-global--Color--200) ;
}
.pf-v5-u-color-300-on-lg {
color: var(--pf-v5-global--Color--300) ;
}
.pf-v5-u-color-400-on-lg {
color: var(--pf-v5-global--Color--400) ;
}
.pf-v5-u-active-color-100-on-lg {
color: var(--pf-v5-global--active-color--100) ;
}
.pf-v5-u-active-color-400-on-lg {
color: var(--pf-v5-global--active-color--400) ;
}
.pf-v5-u-primary-color-100-on-lg {
color: var(--pf-v5-global--primary-color--100) ;
}
.pf-v5-u-color-light-100-on-lg {
color: var(--pf-v5-global--Color--light-100) ;
}
.pf-v5-u-color-light-200-on-lg {
color: var(--pf-v5-global--Color--light-200) ;
}
.pf-v5-u-link-color-on-lg {
color: var(--pf-v5-global--link--Color) ;
}
.pf-v5-u-link-color-hover-on-lg {
color: var(--pf-v5-global--link--Color--hover) ;
}
.pf-v5-u-link-color-light-on-lg {
color: var(--pf-v5-global--link--Color--light) ;
}
.pf-v5-u-link-color-light-hover-on-lg {
color: var(--pf-v5-global--link--Color--light--hover) ;
}
.pf-v5-u-link-color-dark-on-lg {
color: var(--pf-v5-global--link--Color--dark) ;
}
.pf-v5-u-link-color-dark-hover-on-lg {
color: var(--pf-v5-global--link--Color--dark--hover) ;
}
.pf-v5-u-link-color-visited-on-lg {
color: var(--pf-v5-global--link--Color--visited) ;
}
.pf-v5-u-custom-color-100-on-lg {
color: var(--pf-v5-global--custom-color--100) ;
}
.pf-v5-u-custom-color-200-on-lg {
color: var(--pf-v5-global--custom-color--200) ;
}
.pf-v5-u-custom-color-300-on-lg {
color: var(--pf-v5-global--custom-color--300) ;
}
.pf-v5-u-success-color-100-on-lg {
color: var(--pf-v5-global--success-color--100) ;
}
.pf-v5-u-success-color-200-on-lg {
color: var(--pf-v5-global--success-color--200) ;
}
.pf-v5-u-info-color-100-on-lg {
color: var(--pf-v5-global--info-color--100) ;
}
.pf-v5-u-info-color-200-on-lg {
color: var(--pf-v5-global--info-color--200) ;
}
.pf-v5-u-warning-color-100-on-lg {
color: var(--pf-v5-global--warning-color--100) ;
}
.pf-v5-u-warning-color-200-on-lg {
color: var(--pf-v5-global--warning-color--200) ;
}
.pf-v5-u-danger-color-100-on-lg {
color: var(--pf-v5-global--danger-color--100) ;
}
.pf-v5-u-danger-color-200-on-lg {
color: var(--pf-v5-global--danger-color--200) ;
}
.pf-v5-u-danger-color-300-on-lg {
color: var(--pf-v5-global--danger-color--300) ;
}
.pf-v5-u-disabled-color-100-on-lg {
color: var(--pf-v5-global--disabled-color--100) ;
}
.pf-v5-u-disabled-color-200-on-lg {
color: var(--pf-v5-global--disabled-color--200) ;
}
.pf-v5-u-icon-color-light-on-lg {
color: var(--pf-v5-global--icon--Color--light) ;
}
.pf-v5-u-icon-color-dark-on-lg {
color: var(--pf-v5-global--icon--Color--dark) ;
}
}
@media screen and (min-width: 1200px) {
.pf-v5-u-color-100-on-xl {
color: var(--pf-v5-global--Color--100) ;
}
.pf-v5-u-color-200-on-xl {
color: var(--pf-v5-global--Color--200) ;
}
.pf-v5-u-color-300-on-xl {
color: var(--pf-v5-global--Color--300) ;
}
.pf-v5-u-color-400-on-xl {
color: var(--pf-v5-global--Color--400) ;
}
.pf-v5-u-active-color-100-on-xl {
color: var(--pf-v5-global--active-color--100) ;
}
.pf-v5-u-active-color-400-on-xl {
color: var(--pf-v5-global--active-color--400) ;
}
.pf-v5-u-primary-color-100-on-xl {
color: var(--pf-v5-global--primary-color--100) ;
}
.pf-v5-u-color-light-100-on-xl {
color: var(--pf-v5-global--Color--light-100) ;
}
.pf-v5-u-color-light-200-on-xl {
color: var(--pf-v5-global--Color--light-200) ;
}
.pf-v5-u-link-color-on-xl {
color: var(--pf-v5-global--link--Color) ;
}
.pf-v5-u-link-color-hover-on-xl {
color: var(--pf-v5-global--link--Color--hover) ;
}
.pf-v5-u-link-color-light-on-xl {
color: var(--pf-v5-global--link--Color--light) ;
}
.pf-v5-u-link-color-light-hover-on-xl {
color: var(--pf-v5-global--link--Color--light--hover) ;
}
.pf-v5-u-link-color-dark-on-xl {
color: var(--pf-v5-global--link--Color--dark) ;
}
.pf-v5-u-link-color-dark-hover-on-xl {
color: var(--pf-v5-global--link--Color--dark--hover) ;
}
.pf-v5-u-link-color-visited-on-xl {
color: var(--pf-v5-global--link--Color--visited) ;
}
.pf-v5-u-custom-color-100-on-xl {
color: var(--pf-v5-global--custom-color--100) ;
}
.pf-v5-u-custom-color-200-on-xl {
color: var(--pf-v5-global--custom-color--200) ;
}
.pf-v5-u-custom-color-300-on-xl {
color: var(--pf-v5-global--custom-color--300) ;
}
.pf-v5-u-success-color-100-on-xl {
color: var(--pf-v5-global--success-color--100) ;
}
.pf-v5-u-success-color-200-on-xl {
color: var(--pf-v5-global--success-color--200) ;
}
.pf-v5-u-info-color-100-on-xl {
color: var(--pf-v5-global--info-color--100) ;
}
.pf-v5-u-info-color-200-on-xl {
color: var(--pf-v5-global--info-color--200) ;
}
.pf-v5-u-warning-color-100-on-xl {
color: var(--pf-v5-global--warning-color--100) ;
}
.pf-v5-u-warning-color-200-on-xl {
color: var(--pf-v5-global--warning-color--200) ;
}
.pf-v5-u-danger-color-100-on-xl {
color: var(--pf-v5-global--danger-color--100) ;
}
.pf-v5-u-danger-color-200-on-xl {
color: var(--pf-v5-global--danger-color--200) ;
}
.pf-v5-u-danger-color-300-on-xl {
color: var(--pf-v5-global--danger-color--300) ;
}
.pf-v5-u-disabled-color-100-on-xl {
color: var(--pf-v5-global--disabled-color--100) ;
}
.pf-v5-u-disabled-color-200-on-xl {
color: var(--pf-v5-global--disabled-color--200) ;
}
.pf-v5-u-icon-color-light-on-xl {
color: var(--pf-v5-global--icon--Color--light) ;
}
.pf-v5-u-icon-color-dark-on-xl {
color: var(--pf-v5-global--icon--Color--dark) ;
}
}
@media screen and (min-width: 1450px) {
.pf-v5-u-color-100-on-2xl {
color: var(--pf-v5-global--Color--100) ;
}
.pf-v5-u-color-200-on-2xl {
color: var(--pf-v5-global--Color--200) ;
}
.pf-v5-u-color-300-on-2xl {
color: var(--pf-v5-global--Color--300) ;
}
.pf-v5-u-color-400-on-2xl {
color: var(--pf-v5-global--Color--400) ;
}
.pf-v5-u-active-color-100-on-2xl {
color: var(--pf-v5-global--active-color--100) ;
}
.pf-v5-u-active-color-400-on-2xl {
color: var(--pf-v5-global--active-color--400) ;
}
.pf-v5-u-primary-color-100-on-2xl {
color: var(--pf-v5-global--primary-color--100) ;
}
.pf-v5-u-color-light-100-on-2xl {
color: var(--pf-v5-global--Color--light-100) ;
}
.pf-v5-u-color-light-200-on-2xl {
color: var(--pf-v5-global--Color--light-200) ;
}
.pf-v5-u-link-color-on-2xl {
color: var(--pf-v5-global--link--Color) ;
}
.pf-v5-u-link-color-hover-on-2xl {
color: var(--pf-v5-global--link--Color--hover) ;
}
.pf-v5-u-link-color-light-on-2xl {
color: var(--pf-v5-global--link--Color--light) ;
}
.pf-v5-u-link-color-light-hover-on-2xl {
color: var(--pf-v5-global--link--Color--light--hover) ;
}
.pf-v5-u-link-color-dark-on-2xl {
color: var(--pf-v5-global--link--Color--dark) ;
}
.pf-v5-u-link-color-dark-hover-on-2xl {
color: var(--pf-v5-global--link--Color--dark--hover) ;
}
.pf-v5-u-link-color-visited-on-2xl {
color: var(--pf-v5-global--link--Color--visited) ;
}
.pf-v5-u-custom-color-100-on-2xl {
color: var(--pf-v5-global--custom-color--100) ;
}
.pf-v5-u-custom-color-200-on-2xl {
color: var(--pf-v5-global--custom-color--200) ;
}
.pf-v5-u-custom-color-300-on-2xl {
color: var(--pf-v5-global--custom-color--300) ;
}
.pf-v5-u-success-color-100-on-2xl {
color: var(--pf-v5-global--success-color--100) ;
}
.pf-v5-u-success-color-200-on-2xl {
color: var(--pf-v5-global--success-color--200) ;
}
.pf-v5-u-info-color-100-on-2xl {
color: var(--pf-v5-global--info-color--100) ;
}
.pf-v5-u-info-color-200-on-2xl {
color: var(--pf-v5-global--info-color--200) ;
}
.pf-v5-u-warning-color-100-on-2xl {
color: var(--pf-v5-global--warning-color--100) ;
}
.pf-v5-u-warning-color-200-on-2xl {
color: var(--pf-v5-global--warning-color--200) ;
}
.pf-v5-u-danger-color-100-on-2xl {
color: var(--pf-v5-global--danger-color--100) ;
}
.pf-v5-u-danger-color-200-on-2xl {
color: var(--pf-v5-global--danger-color--200) ;
}
.pf-v5-u-danger-color-300-on-2xl {
color: var(--pf-v5-global--danger-color--300) ;
}
.pf-v5-u-disabled-color-100-on-2xl {
color: var(--pf-v5-global--disabled-color--100) ;
}
.pf-v5-u-disabled-color-200-on-2xl {
color: var(--pf-v5-global--disabled-color--200) ;
}
.pf-v5-u-icon-color-light-on-2xl {
color: var(--pf-v5-global--icon--Color--light) ;
}
.pf-v5-u-icon-color-dark-on-2xl {
color: var(--pf-v5-global--icon--Color--dark) ;
}
}
.pf-v5-u-text-break-word {
word-break: break-word ;
}
.pf-v5-u-text-nowrap {
white-space: nowrap ;
}
.pf-v5-u-text-wrap {
white-space: normal ;
}
@media screen and (min-width: 576px) {
.pf-v5-u-text-break-word-on-sm {
word-break: break-word ;
}
.pf-v5-u-text-nowrap-on-sm {
white-space: nowrap ;
}
.pf-v5-u-text-wrap-on-sm {
white-space: normal ;
}
}
@media screen and (min-width: 768px) {
.pf-v5-u-text-break-word-on-md {
word-break: break-word ;
}
.pf-v5-u-text-nowrap-on-md {
white-space: nowrap ;
}
.pf-v5-u-text-wrap-on-md {
white-space: normal ;
}
}
@media screen and (min-width: 992px) {
.pf-v5-u-text-break-word-on-lg {
word-break: break-word ;
}
.pf-v5-u-text-nowrap-on-lg {
white-space: nowrap ;
}
.pf-v5-u-text-wrap-on-lg {
white-space: normal ;
}
}
@media screen and (min-width: 1200px) {
.pf-v5-u-text-break-word-on-xl {
word-break: break-word ;
}
.pf-v5-u-text-nowrap-on-xl {
white-space: nowrap ;
}
.pf-v5-u-text-wrap-on-xl {
white-space: normal ;
}
}
@media screen and (min-width: 1450px) {
.pf-v5-u-text-break-word-on-2xl {
word-break: break-word ;
}
.pf-v5-u-text-nowrap-on-2xl {
white-space: nowrap ;
}
.pf-v5-u-text-wrap-on-2xl {
white-space: normal ;
}
}
.pf-v5-u-text-truncate {
min-width: 0 ;
max-width: 100% ;
overflow: hidden ;
text-overflow: ellipsis ;
white-space: nowrap ;
}
:where(.pf-v5-theme-dark) .pf-v5-u-color-300 {
color: var(--pf-v5-global--Color--100) ;
}
:where(.pf-v5-theme-dark) .pf-v5-u-color-light-100 {
color: var(--pf-v5-global--Color-100) ;
}
:where(.pf-v5-theme-dark) .pf-v5-u-color-light-200 {
color: var(--pf-v5-global--Color-200) ;
}
:where(.pf-v5-theme-dark) .pf-v5-u-custom-color-300 {
color: var(--pf-v5-global--custom-color--100) ;
}
:where(.pf-v5-theme-dark) .pf-v5-u-success-color-200 {
color: var(--pf-v5-global--success-color--100) ;
}
:where(.pf-v5-theme-dark) .pf-v5-u-info-color-200 {
color: var(--pf-v5-global--info-color--100) ;
}
:where(.pf-v5-theme-dark) .pf-v5-u-danger-color-300 {
color: var(--pf-v5-global--danger-color--100) ;
}
:where(.pf-v5-theme-dark) .pf-v5-u-icon-color-dark {
color: var(--pf-v5-global--icon--Color--dark) ;
}
@media screen and (min-width: 576px) {
:where(.pf-v5-theme-dark) .pf-v5-u-color-300-on-sm {
color: var(--pf-v5-global--Color--100) ;
}
:where(.pf-v5-theme-dark) .pf-v5-u-color-light-100-on-sm {
color: var(--pf-v5-global--Color-100) ;
}
:where(.pf-v5-theme-dark) .pf-v5-u-color-light-200-on-sm {
color: var(--pf-v5-global--Color-200) ;
}
:where(.pf-v5-theme-dark) .pf-v5-u-custom-color-300-on-sm {
color: var(--pf-v5-global--custom-color--100) ;
}
:where(.pf-v5-theme-dark) .pf-v5-u-success-color-200-on-sm {
color: var(--pf-v5-global--success-color--100) ;
}
:where(.pf-v5-theme-dark) .pf-v5-u-info-color-200-on-sm {
color: var(--pf-v5-global--info-color--100) ;
}
:where(.pf-v5-theme-dark) .pf-v5-u-danger-color-300-on-sm {
color: var(--pf-v5-global--danger-color--100) ;
}
:where(.pf-v5-theme-dark) .pf-v5-u-icon-color-dark-on-sm {
color: var(--pf-v5-global--icon--Color--dark) ;
}
}
@media screen and (min-width: 768px) {
:where(.pf-v5-theme-dark) .pf-v5-u-color-300-on-md {
color: var(--pf-v5-global--Color--100) ;
}
:where(.pf-v5-theme-dark) .pf-v5-u-color-light-100-on-md {
color: var(--pf-v5-global--Color-100) ;
}
:where(.pf-v5-theme-dark) .pf-v5-u-color-light-200-on-md {
color: var(--pf-v5-global--Color-200) ;
}
:where(.pf-v5-theme-dark) .pf-v5-u-custom-color-300-on-md {
color: var(--pf-v5-global--custom-color--100) ;
}
:where(.pf-v5-theme-dark) .pf-v5-u-success-color-200-on-md {
color: var(--pf-v5-global--success-color--100) ;
}
:where(.pf-v5-theme-dark) .pf-v5-u-info-color-200-on-md {
color: var(--pf-v5-global--info-color--100) ;
}
:where(.pf-v5-theme-dark) .pf-v5-u-danger-color-300-on-md {
color: var(--pf-v5-global--danger-color--100) ;
}
:where(.pf-v5-theme-dark) .pf-v5-u-icon-color-dark-on-md {
color: var(--pf-v5-global--icon--Color--dark) ;
}
}
@media screen and (min-width: 992px) {
:where(.pf-v5-theme-dark) .pf-v5-u-color-300-on-lg {
color: var(--pf-v5-global--Color--100) ;
}
:where(.pf-v5-theme-dark) .pf-v5-u-color-light-100-on-lg {
color: var(--pf-v5-global--Color-100) ;
}
:where(.pf-v5-theme-dark) .pf-v5-u-color-light-200-on-lg {
color: var(--pf-v5-global--Color-200) ;
}
:where(.pf-v5-theme-dark) .pf-v5-u-custom-color-300-on-lg {
color: var(--pf-v5-global--custom-color--100) ;
}
:where(.pf-v5-theme-dark) .pf-v5-u-success-color-200-on-lg {
color: var(--pf-v5-global--success-color--100) ;
}
:where(.pf-v5-theme-dark) .pf-v5-u-info-color-200-on-lg {
color: var(--pf-v5-global--info-color--100) ;
}
:where(.pf-v5-theme-dark) .pf-v5-u-danger-color-300-on-lg {
color: var(--pf-v5-global--danger-color--100) ;
}
:where(.pf-v5-theme-dark) .pf-v5-u-icon-color-dark-on-lg {
color: var(--pf-v5-global--icon--Color--dark) ;
}
}
@media screen and (min-width: 1200px) {
:where(.pf-v5-theme-dark) .pf-v5-u-color-300-on-xl {
color: var(--pf-v5-global--Color--100) ;
}
:where(.pf-v5-theme-dark) .pf-v5-u-color-light-100-on-xl {
color: var(--pf-v5-global--Color-100) ;
}
:where(.pf-v5-theme-dark) .pf-v5-u-color-light-200-on-xl {
color: var(--pf-v5-global--Color-200) ;
}
:where(.pf-v5-theme-dark) .pf-v5-u-custom-color-300-on-xl {
color: var(--pf-v5-global--custom-color--100) ;
}
:where(.pf-v5-theme-dark) .pf-v5-u-success-color-200-on-xl {
color: var(--pf-v5-global--success-color--100) ;
}
:where(.pf-v5-theme-dark) .pf-v5-u-info-color-200-on-xl {
color: var(--pf-v5-global--info-color--100) ;
}
:where(.pf-v5-theme-dark) .pf-v5-u-danger-color-300-on-xl {
color: var(--pf-v5-global--danger-color--100) ;
}
:where(.pf-v5-theme-dark) .pf-v5-u-icon-color-dark-on-xl {
color: var(--pf-v5-global--icon--Color--dark) ;
}
}
@media screen and (min-width: 1450px) {
:where(.pf-v5-theme-dark) .pf-v5-u-color-300-on-2xl {
color: var(--pf-v5-global--Color--100) ;
}
:where(.pf-v5-theme-dark) .pf-v5-u-color-light-100-on-2xl {
color: var(--pf-v5-global--Color-100) ;
}
:where(.pf-v5-theme-dark) .pf-v5-u-color-light-200-on-2xl {
color: var(--pf-v5-global--Color-200) ;
}
:where(.pf-v5-theme-dark) .pf-v5-u-custom-color-300-on-2xl {
color: var(--pf-v5-global--custom-color--100) ;
}
:where(.pf-v5-theme-dark) .pf-v5-u-success-color-200-on-2xl {
color: var(--pf-v5-global--success-color--100) ;
}
:where(.pf-v5-theme-dark) .pf-v5-u-info-color-200-on-2xl {
color: var(--pf-v5-global--info-color--100) ;
}
:where(.pf-v5-theme-dark) .pf-v5-u-danger-color-300-on-2xl {
color: var(--pf-v5-global--danger-color--100) ;
}
:where(.pf-v5-theme-dark) .pf-v5-u-icon-color-dark-on-2xl {
color: var(--pf-v5-global--icon--Color--dark) ;
}
}