//
//radius
//

.no {
  &-radius {
    border-radius: 0 !important
  }
  &-r {

    @each $key in((t,r),(b,r),(b,l),(t,l)) {
      $d2: nth($key,2);
      &-#{nth($key,1)},&-#{nth($key,2)} {
        @include boder-radius-variant($key,0);
      }
    }

  }
}

.r {
  border-radius: 3px;
  @each $key in((t,r),(b,r),(b,l),(t,l)) {
    $d2: nth($key,2);
    &-#{nth($key,1)},&-#{nth($key,2)} {
      @include boder-radius-variant($key,$border-radius);
    }
  }

  &-2x {
    border-radius: $border-radius * 2;
  }
  &-3x {
    border-radius: $border-radius * 3;
  }
}