//
// 边框
// ============================================================

.border
    border-color: $border-color-default
    border-style: solid
    +px(border-width, 1px)

.border-none
    border: none

@each $styleVal in (top, right, bottom, left)
    .border-#{$styleVal}
        @extend .border-none
        border-#{$styleVal}-color: $border-color-default
        border-#{$styleVal}-style: solid
        +px(border-#{$styleVal}-width, 1px)

+color($border-color, border-color)


.border-radius
    @extend .overflow-hidden
    border-radius: $border-radius

.border-round
    @extend .overflow-hidden
    border-radius: 1000px