Добавление блока в число

Question

Я попытался создать класс LESS для использования в проекте, который вращает область просмотра:

.vertical-display (@x:vw,@y:vh) {
    .video-container {
        width: 100@x;
        height: 80@y;
        padding: 1@y;

        video {
            max-height: 75@y;
        }
    }

Когда я рендерим это с меньшим количеством, я получаю разнесенные атрибуты, такие как: Ширина: 100 VW;

как я могу избавиться от этого пространства, используя меньше?

Answer 1

.vertical-display (@x:vw,@y:vh) {
  .video-container {
    width: unit(100, @x);
    height: unit(80, @y);
    padding: unit(1, @y);

    video {
      max-height: unit(75, @y);
    }
  }
}

Будет выводиться по вашему усмотрению, если вы хотите передать в процентах как единицу измерения, вам нужно будет передать ее как экранированную строку .vertical-display(~'%', ~'%');.