@import "variables";

@mixin sky-border($type, $sides...) {
    @if(length($sides) == 0) {
        $sides: "bottom";
    }

    @each $side in $sides {
      @if($type == "light") {
          border-#{$side}: 1px solid $sky-border-color-neutral-light;
      }

      @if($type == "dark") {
          border-#{$side}: 1px solid $sky-border-color-neutral-medium;
      }

      @if($type == "row") {
          border-#{$side}: 1px dotted $sky-border-color-neutral-medium;
      }
    }
}