@deep: ~">>>";

@c-black: #000000;
@c-white: #FFFFFF;
@c-primary: #106CC8;
@c-light-gray: #E0E0E0;

@basic-height: 30px;

.arrow(@deg) {
  &::before {
    position: relative;
    content: '';
    display: inline-block;
    height: 8px;
    width: 8px;
    vertical-align: baseline;
    border-style: solid;
    border-width: 2px 2px 0 0;
    transform: rotate(@deg);
  }
}

.double-arrow(@deg) {
  &::before, &::after {
    position: relative;
    content: '';
    display: inline-block;
    height: 8px;
    width: 8px;
    vertical-align: baseline;
    border-style: solid;
    border-width: 2px 2px 0 0;
    transform: rotate(@deg);
  }

  &::before {
    margin-right: -8px;
  }
}