less - Compose dynamically generated class name -

less - Compose dynamically generated class name -

so, i'm using purecss grids , decided build couple helper mixins later on mix components. particularly helpful 1 should in principle this:

.cols(@howmany:1, @of:12){ .pure-u-@{howmany}-@{of}; }

but that's causing lesscss 1.7.5 choke on "unrecognised input"

am stuck declaratively telling classes utilize .pure-u-5-24 instead of easier on eyes version?

just reposting @seven-phases-max 's solution. want done improve done this:

.cols(@i, @n) { &:extend(.pure-u); width: (@i / @n * 100%); }

less interpolation mixins yui-pure-css