Is it possible to do mathematics inside CSS?

Question

I have jquery accorion id #accordion and some of the content inside header class name .simpleColor. Now I want to give a calculated margin to .simp

Answer 1

You can do maths in CSS e.g.:

height: calc(100% - 20%);

CSS will also handle the different units, so this works too:

height: calc(100% - 20px);

Additionally, min(), max() and clamp() have also been added allowing for calculations like this:

height: min(calc(100% - 20px), 50%);

1. min(): gets the minimum value;
2. max(): gets the maximum value; and
3. clamp(): limits a value by providing an upper and lower bound.