I was calculating margin with CSS root variable

HTML & CSS
1 
:root {
  --hthumb:  30px;
  --htrack:  15px;
  --hthumbh: 35px
}

I was calculating the margin like this:

margin-top: ((var(--htrack) - var(--hthumb))/2)px Is it even possible?

2

This works:

:root {
  --hthumb:  30px;
  --htrack:  15px;
  --hthumbh: 35px
}
div{
  margin-top: calc((var(--htrack) - var(--hthumb))/2);
}
2 Likes
3

Yes.

4

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.