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 функциясын ишке ашырыңыз.