Sample LESS file

gistfile1.less

// you can use single line comments in LESS!
// they will be removed from the generated .less file

// variables
@text-color: #222223;
@light-blue: #a7eaf6;
@dark-blue: #2c81d9;
@content-padding: 2rem;

// mixin for rounded corners
.rounded(@radius: 6px) {
  border-radius: @radius;
}

// mixin for transition
// @delay defaults to 0s if not specified
.transition(@prop; @dur; @ease; @delay: 0s) {
  -webkit-transition: @prop @dur @ease @delay;
  transition: @prop @dur @ease @delay;
}

body {
  background: @dark-blue;
}

a {
  color: @dark-blue;
  // note that the last parameter does not need a trailing semicolon (but it wont hurt if it is there)
  .transition(all; 0.3s; ease);
}

.wrapper {
  padding: @content-padding;
  color: @text-color;
}

.article {
  padding: @content-padding;
  // what will the border-radius value be here?
  .rounded;
}