Use calc() and var() in CSS3
HTML
<div>
Some text...
</div>
CSS
:root {
--max-width: 10em;
}
div {
width: calc(var(--max-width) + 5em);
border: 1px solid blue;
}
<div>
Some text...
</div>
:root {
--max-width: 10em;
}
div {
width: calc(var(--max-width) + 5em);
border: 1px solid blue;
}