////
///
/// 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);
    }
}