.rotate(@degrees) {
  -webkit-transform: rotate(@degrees);
  -ms-transform: rotate(@degrees); // IE9 only
  -o-transform: rotate(@degrees);
  transform: rotate(@degrees);
}

.arrow {
  /* autoprefixer: off */
  display: block;
  position: absolute;
  content: '';
  right: 0;
  top: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  border-width: 1PX 0 0 1PX;
  border-style: solid;
  color: #bbbbbb;
  margin-right: 0.4375rem;
  .rotate(135deg);
  &.arrow-left {
    /* autoprefixer: off */
    .rotate(-45deg);
  }
  &.arrow-top {
    /* autoprefixer: off */
    .rotate(45deg);
  }
  &.arrow-bottom {
    /* autoprefixer: off */
    .rotate(-135deg);
  }
}