LESSда пробел орқали бирлаштириш
Қийматлари вергул орқали эмас, балки пробел орқали
бирлаштирилиши зарур бўлган хусусиятлар ҳам бўлади. Бундай
бирлаштиришлар учун +_ махсус оператори мавжуд.
Келинг, унинг ишлашини transform хусусияти мисолида
кўрайлик. .rotate ва .skew функцияларини яратамиз,
улар мос трансформацияларни берадилар:
styles.less.rotate(@r) {
transform+_: rotate(@r);
}
.skew(@s) {
transform+_: skew(@s);
}
Функцияларимиздан фойдаланамиз:
styles.lessdiv {
.rotate(10deg);
.skew(10deg);
}
Компиляция натижасида трансформацияларимиз transform
хусусиятида бирлашади:
styles.cssp {
transform: rotate(10deg) skew(10deg);
}
Задание 1
Мос scale трансформациясини берадиган функцияни яратинг.
Задание 2
Мос translate трансформациясини берадиган функцияни яратинг.