.ui-border {
  border-style: solid;
  border-width: 1px;

  &--dark {
    border-color: ui-color(charcoal-ink-medium);
  }
  &--light {
    border-color: ui-color(paper-darkest);
  }

  &--dashed {
    border-style: dashed;
  }

  &-radius {
    overflow: hidden;

    background-clip: padding-box;
    border-radius: $ui-border-radius;

    &--max {
      border-radius: 100%;
    }
  }
}