// variables
@border-width: 1px;
@border-radius: 3px;

.border {
  border-style: solid;
  border-width: @border-width;
}

.border-none { border: 0 }

.border-top {
  border-top-style: solid;
  border-top-width: @border-width;
}
.border-right {
  border-right-style: solid;
  border-right-width: @border-width;
}
.border-bottom {
  border-bottom-style: solid;
  border-bottom-width: @border-width;
}
.border-left {
  border-left-style: solid;
  border-left-width: @border-width;
}

.rounded { border-radius: @border-radius }
.circle  { border-radius: 50% }

.not-rounded { border-radius: 0 }

.rounded-top    { border-radius: @border-radius @border-radius 0 0 }
.rounded-right  { border-radius: 0 @border-radius @border-radius 0 }
.rounded-bottom { border-radius: 0 0 @border-radius @border-radius }
.rounded-left   { border-radius: @border-radius 0 0 @border-radius }