max-width - Oxygen Builder Utility Classes
/*
MAX WIDTH UTILITY CLASSES
Change the max-width of any element. Values are generated from base viewport sizes so they adapt to viewport defaults.
*/
.max-width--s {
width: 100%;
max-width: calc(var(--vp-min) * 1rem);
}
.max-width--m {
width: 100%;
max-width: calc(var(--vp-max) * .4 * 1rem);
}
.max-width--l {
width: 100%;
max-width: calc(var(--vp-max) * .6 * 1rem);
}
.max-width--xl {
width: 100%;
max-width: calc(var(--vp-max) * .8 * 1rem);
}
.max-width--xxl {
width: 100%;
max-width: calc(var(--vp-max) * .9 * 1rem);
}
.max-width--full {
width: 100%;
max-width: calc(var(--vp-max) * 1rem);
}