> For the complete documentation index, see [llms.txt](https://spectrecss.angular-package.dev/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://spectrecss.angular-package.dev/mixin/border/border-variant.md).

# border-variant()

{% code title="" lineNumbers="true" %}

```scss
@mixin border-variant(
  $size,
  $style: solid,
  $color: 'border',
  $radius: 'border-radius',
) {
  @if (string.length($size) > 0) {
    &.border-#{$size} {
      @include border(border-width-#{$size}, solid, $color, $radius);
    }
  } @else {
    &.border {
      @include border(border-width, solid, $color, $radius);
    }
  }
}
```

{% endcode %}