@import '../mixin/color.scss';

.se {
  &-b {
    border: 1rpx solid $border;

    &-ts + &-ts {
      border-top: 1rpx solid $border;
    }

    &-ls + &-ls {
      border-left: 1rpx solid $border;
    }

    @each $s, $l in t top, r right, b bottom, l left {
      &-#{$s} {
        border-#{$l}: 1rpx solid $border;
      }
    }

    @each $name in $names {
      $i: index($names, $name);
      &-#{$name} {
        border: 1rpx solid nth($colors, $i);
      }
    }

    &-n {
      border: none;
    }
  }

  &-br {
    @for $i from 0 through 100 {
      @if $i % 1 == 0 {
        &-#{$i} {
          border-radius: $i + rpx;
        }
      }
    }

    &-p-50 {
      border-radius: 50%;
    }
  }

  &-bs {
    box-shadow: 0 3rpx 9rpx 0 rgba(0, 0, 0, 0.06);

    &-t {
      box-shadow: -2rpx -2rpx 12rpx rgba(0, 0, 0, 0.1);
    }

    &-b {
      box-shadow: 2rpx 2rpx 12rpx rgba(0, 0, 0, 0.1);
    }
  }
}