сложный цикл <code>LESS</code> с несколькими счетчиками

158
27 января 2019, 05:00

Есть цикл в LESS с одним счетчиком

@margin: m;
@margin-top: m-t;
@margin-left: m-l;
@margin-right: m-r;
@margin-bottom: m-b;
@padding: p;
@padding-top: p-t;
@padding-bottom: p-b;
@padding-left: p-l;
@padding-right: p-r;
@font-size: f; // Префикс класса сетки
@column-count: 10;  // Количество классов
.generate-column(@i: 0) when (@i =< 50) {   
  .@{margin}-@{i} {
    margin: (@i * 1px) !important;
  }
  .@{margin-bottom}-@{i} {
    margin-bottom: (@i * 1px) !important;
  } 
  .@{margin-top}-@{i} {
    margin-top: (@i * 1px) !important;
  } 
  .@{margin-left}-@{i} {
    margin-left: (@i * 1px) !important;
  } 
  .@{margin-right}-@{i} {
    margin-right: (@i * 1px) !important;
  }
  .@{padding}-@{i} {
    padding: (@i * 1px) !important;
  }
  .@{padding-top}-@{i} {
    padding-top: (@i * 1px) !important;
  }
  .@{padding-bottom}-@{i} {
    padding-bottom: (@i * 1px) !important;
  } 
  .@{padding-left}-@{i} {
    padding-left: (@i * 1px) !important;
  }
  .@{padding-right}-@{i} {
    padding-right: (@i * 1px) !important;
  }                 
  .generate-column(@i + 5);
}
.generate-column();

Вопрос: Как правильно сделать, чтобы в этот цикл добавить еще один счетчик?

READ ALSO
transform: rotate(90deg) не поворачивает ширину блока

transform: rotate(90deg) не поворачивает ширину блока

Столкнулся с проблемой надо повернуть блок вертикально, когда поворачиваю этот блок, то его ширина не поворачивается и занимает всю область...

155
Как прижать один элемент по горизонтали вправо с помощью flexbox, не затрагивая остальные элементы?

Как прижать один элемент по горизонтали вправо с помощью flexbox, не затрагивая остальные элементы?

Не могу прижать один блок к правой стороне с помощью флексбокс, помогите

167
Несколько JQuery Slider на странице

Несколько JQuery Slider на странице

Подскажите пожалуйста, подключил jqueryuicom/slider на страницу , задал свои настройки, все работает

195
Клик на textblock wpf

Клик на textblock wpf

Как сделать TextBlock кликабельнимНужно соблюдать mvvm концепт, в вюшке бинд на метод или команду в ViewModel

192