current shapes mixins

shapes

// create something to combine btn and btn-link


.left-triangle(@color, @length, @base) {
  display: block;
  content: " ";
  position: absolute;
  border-style: solid;
  border-width: @base/2 @length @base/2 0;
  border-color: transparent @color transparent transparent;
  width: 0;
  height: 0;
  left: -@length;
}

.top-triangle(@color, @length, @base) {
  // Caller should specify position, left and/or right
  display: block;
  content: " ";
  position: absolute;
  border-style: solid;
  border-width: 0 @base/2 @length @base/2;
  border-color: transparent transparent @color transparent;
  height: 0;
  width: 0;
  top: -@length;
}

.circle(@size, @border, @background) {
  display: inline-block;
  content: " ";
  width: 0;
  height: 0;
  padding: @size/2;
  border: @border;
  border-radius: 100%;
  background: @background;
}