⊗mkLsBsMWS 28 of 41 menu

Concatenation by space in LESS

There are properties whose values ​​need to be combined not with a comma, but with a space. For such combinations, there is a special operator +_.

Let's look at how it works using the transform property as an example. Let's create functions .rotate and .skew that define the corresponding transformations:

.rotate(@r) { transform+_: rotate(@r); } .skew(@s) { transform+_: skew(@s); }

Let's use our functions:

div { .rotate(10deg); .skew(10deg); }

As a result of compilation, our transformations will be combined into one property transform:

p { transform: rotate(10deg) skew(10deg); }

Implement a similar function scale that specifies the corresponding transformation.

Implement a similar function translate that specifies the corresponding transformation.

enru