@use "sass:list";

// Breakpoints
//
// Define the minimum dimensions at which the layout will
// adapt to different screen sizes
//

$breakpoints-xs: 0 !default;
$breakpoints-sm: 576px !default;
$breakpoints-md: 768px !default;
$breakpoints-lg: 992px !default;
$breakpoints-xl: 1200px !default;
$breakpoints-xxl: 1400px !default;

$breakpoints: (
    'xs': $breakpoints-xs,
    'sm': $breakpoints-sm,
    'md': $breakpoints-md,
    'lg': $breakpoints-lg,
    'xl': $breakpoints-xl,
    'xxl': $breakpoints-xxl,
) !default;

$breakpoint-keys: ('xs', 'sm', 'md', 'lg', 'xl', 'xxl') !default;
$breakpoint-prefix-keys: list.append($breakpoint-keys, '_') !default;

// Returns breakpoint value
//
@function breakpoint($breakpoint-key) {
    @return map-get($breakpoints, $breakpoint-key);
}