////
///
/// Border
/// ===========================================================================
///
/// Border appearance styles.
/// No layout logic.
///
/// @group Appearance
/// @author Scape Press
/// @link https://scape.style
/// @since 0.1.0 initial release
/// @access public
///
////

@layer ss.appearance {

.ss-a-border {
    border: var(--ss-a-border-width) var(--ss-a-border-style)
        var(--ss-a-border-color);
}

.ss-a-border-t {
    border-top: var(--ss-a-border-width) var(--ss-a-border-style)
        var(--ss-a-border-color);
}
.ss-a-border-r {
    border-right: var(--ss-a-border-width) var(--ss-a-border-style)
        var(--ss-a-border-color);
}
.ss-a-border-b {
    border-bottom: var(--ss-a-border-width) var(--ss-a-border-style)
        var(--ss-a-border-color);
}
.ss-a-border-l {
    border-left: var(--ss-a-border-width) var(--ss-a-border-style)
        var(--ss-a-border-color);
}

.ss-a-border-x {
    border-left: var(--ss-a-border-width) var(--ss-a-border-style)
        var(--ss-a-border-color);
    border-right: var(--ss-a-border-width) var(--ss-a-border-style)
        var(--ss-a-border-color);
}

.ss-a-border-y {
    border-top: var(--ss-a-border-width) var(--ss-a-border-style)
        var(--ss-a-border-color);
    border-bottom: var(--ss-a-border-width) var(--ss-a-border-style)
        var(--ss-a-border-color);
}

.ss-a-border-0 {
    border: none;
}

// Border radius
.ss-a-rounded {
    border-radius: var(--ss-radius-default);
}
.ss-a-rounded-sm {
    border-radius: var(--ss-radius-sm);
}
.ss-a-rounded-md {
    border-radius: var(--ss-radius-md);
}
.ss-a-rounded-lg {
    border-radius: var(--ss-radius-lg);
}
.ss-a-rounded-xl {
    border-radius: var(--ss-radius-xl);
}
.ss-a-rounded-full {
    border-radius: var(--ss-radius-full);
}
.ss-a-rounded-none {
    border-radius: var(--ss-radius-none);
}

}