Penggabungan dengan Spasi di LESS
Ada properti yang nilainya perlu digabungkan
tidak dengan koma, tetapi dengan spasi. Untuk
penggabungan seperti itu ada operator khusus
+_.
Mari kita lihat cara kerjanya dengan contoh
properti transform. Mari buat fungsi
.rotate dan .skew yang menetapkan
transformasi yang sesuai:
styles.less.rotate(@r) {
transform+_: rotate(@r);
}
.skew(@s) {
transform+_: skew(@s);
}
Mari gunakan fungsi kita:
styles.lessdiv {
.rotate(10deg);
.skew(10deg);
}
Hasilnya, setelah kompilasi, transformasi kita
akan digabungkan dalam satu properti transform:
styles.cssp {
transform: rotate(10deg) skew(10deg);
}
Задание 1
Implementasikan fungsi serupa scale,
yang menetapkan transformasi yang sesuai.
Задание 2
Implementasikan fungsi serupa translate,
yang menetapkan transformasi yang sesuai.