XF 2.3 add 1px to responsive breakpoint variable in CSS

[Mr Lucky]

I have a responsive medium breakpoint set to 720px. However when using the media query with min-width @media (min-width: @xf-responsiveMedium) in css there needs to be an extra 1px

If I use @media (min-width: 721px); all is fine. However I want to use the @xf-responsiveMedium variable so I don't have to edit the css if I change the responsive break point.

So what I need is a way to use the variable but 1px larger.

I had thought I had seen @media (min-width: @xf-responsiveMedium +1px) somewhere but this is not working.

Can anyone please help? Thanks

 

[Paul B]

@media (min-width: (@xf-responsiveMedium +1))

 

[Mr Lucky]

Looks like this may be the answer

@media (min-width: calc(@xf-responsiveMedium + 1px))