Spasiëring in LESS

Daar is eienskappe wie se waardes nie deur komma nie, maar deur spasies gekombineer moet word. Vir sulke kombinasies bestaan daar 'n spesiale operator +_.

Kom ons kyk na die werking daarvan aan die hand van 'n voorbeeld met die eienskap transform. Laat ons funksies .rotate en .skew maak wat die ooreenstemmende transformasies spesifiseer:

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

Laat ons ons funksies gebruik:

styles.lessdiv {
  .rotate(10deg);
  .skew(10deg);
}

As gevolg van kompilering sal ons transformasies in een eienskap transform gekombineer word:

styles.cssp {
  transform: rotate(10deg) skew(10deg);
}
Задание 1

Implementeer 'n soortgelyke funksie scale wat die ooreenstemmende transformasie spesifiseer.

Задание 2

Implementeer 'n soortgelyke funksie translate wat die ooreenstemmende transformasie spesifiseer.