บล็อคโค้ดในตัวแปร LESS

ในตัวแปรสามารถเก็บไม่เพียงแต่ค่าเท่านั้น แต่ยังสามารถเก็บบล็อคโค้ดทั้งหมดได้อีกด้วย แบบนี้:

styles.less@test: {
  width: 100px;
  height: 100px;
}

เพื่อที่จะแสดงบล็อคโค้ดที่ถูกเก็บไว้ ในตัวแปร จำเป็นต้องเขียนชื่อตัวแปรนั้น และวงเล็บแบบนี้:

styles.lessdiv {
  @test();
}

ผลลัพธ์หลังจากการคอมไพล์ เราจะได้ โค้ดดังต่อไปนี้:

styles.cssdiv {
  width: 100px;
  height: 100px;
}