$border-radius-props: (
    'border-noround': 0,
    'border-round': var(--border-radius),
    'border-round-xs': 0.125rem,
    'border-round-sm': 0.25rem,
    'border-round-md': 0.375rem,
    'border-round-lg': 0.5rem,
    'border-round-xl': 0.75rem,
    'border-round-2xl': 1rem,
    'border-round-3xl': 1.5rem,
    'border-circle': 50%
) !default;

$border-radius-directions: (
    'left': ('border-top-left-radius','border-bottom-left-radius'),
    'top': ('border-top-left-radius','border-top-right-radius'),
    'right': ('border-top-right-radius','border-bottom-right-radius'),
    'bottom': ('border-bottom-left-radius','border-bottom-right-radius')
) !default;

@include style-class('border-radius', $border-radius-props, true);
@include border-radius-class($border-radius-props, $border-radius-directions);