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, අනුරූප හැඩ විකෘතිය සැකසීම.