Is it possible to round the width of an element to a number divisible by 8 less?

Question

I am trying to make a chessboard with one element. It is located inside the container. I want the width and height to be divisible by 8 when resizing the page.

So, I thought you would get the eighth width (12.5%), round to the nearest pixel, and then multiply by 8 again. Is this possible?

So far, I:

@eighth: 12.5%;
@rounded: floor(@eighth);
@multiplied: @rounded * 8;

But this gives the result in percent (96%), and not in pixels. Is it possible to convert from percent to pixels first?

Answer 1

, LESS, , LESS CSS, , -. , CSS -.

Answer 2

, , CSS calc()

width: calc(12.5% / 8);

:

, @MarkSchultheiss, , , LESS calc(12.5% / 8) .

( @MarkSchultheiss):

• https://github.com/less/less.js/issues/974
• CSS3 calc