/**
 * 默认主题下 var(--color-border-light)
 */

.border-thin(
@color: var(--color-border-light),
@style: solid,
@directions: top bottom right left,
@width: 1px
) {
  each(@directions, {
    border-@{value}: @width @color @style;
  })
}

.border-thin-top(
@color: var(--color-border-light),
@style: solid,
@width: 1px
) {
  .border-thin(@color, @style, top, @width);
}

.border-thin-left(
@color: var(--color-border-light),
@style: solid,
@width: 1px
) {
  .border-thin(@color, @style, left, @width);
}

.border-thin-right(
@color: var(--color-border-light),
@style: solid,
@width: 1px
) {
  .border-thin(@color, @style, right, @width);
}

.border-thin-bottom(
@color: var(--color-border-light),
@style: solid,
@width: 1px
) {
  .border-thin(@color, @style, bottom, @width);
}