There is a loop in the LESS with one counter.
@margin: m; @margin-top: mt; @margin-left: ml; @margin-right: mr; @margin-bottom: mb; @padding: p; @padding-top: pt; @padding-bottom: pb; @padding-left: pl; @padding-right: pr; @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(); Question: How to do to add another counter to this cycle?
