@a: 2;
@x: @a * @a;
@y: @x + 1;
@z: @y + @x * 2;
@m: @z % @y;
 
@nice-blue: #5B83AD;
@light-blue: @nice-blue + #111;

@rgb-color: rgb(20%, 15%, 80%);
@rgba-color: rgba(23,68,149,0.5);
 
@b: @a * 10px;
@c: #888;
@fonts: "Trebuchet MS", Verdana, sans-serif;
 
.variables {
  width: @z + 1cm; // 14cm
  height: @b + @x + 0px; // 24px
  margin-top: -@b; // -20px
  margin-bottom: 10 - -@b; // 30px
  @c: @c + #001;
  color: @c;
  background: @light-blue;
  font-family: @fonts;
  margin: @m + 0px; // 3px
  font-size: 10px/12px;
  font-size: 120%/120%;
}

.external {
  color: @c;
  border: 1px solid @rgb-color;
  background: @rgba-color;
  padding: @nonexistant + 4px;
}


