Search code examples
phpcsssassinlinenette

Can you do math operations with inline style values or use SASS to do math operations with inline CSS?

Due to my php code (nette framework) being dynamic, I use some inline styling.

<div id="parent" style="height:{$place->getHeight()}px; ">

This creates a problem for me as I need the children divs to retake this parent div's height and divide it by 3.

Is there any way to do this with inline styling? E.g.:

<div id="child" style="height:({$place->getHeight()}/3)px; ">

Basically can you do something like style="height:(9/3)px"

Or is there some SASS / SCSS alternative to acomplish this?

Thank you for your time and wisdom.

Solution

  • U should use calc().

    style="height: calc(<?=$place->getHeight()?>/3)px;"