@use "sass:math";

// ====== Grid breakpoints =====

// Define the minimum dimensions at which your layout will change,
// adapting to different screen sizes, for use in media queries.
$grid-breakpoints: (
        xs: 0,
        sm: 576px,
        md: 768px,
        //lg: 992px,
        lg: 1080px,
        xl: 1280px,
        xxl: 1600px,
        xxxl: 1920px
) !default;

// ===== Grid containers =====

// Define the maximum width of `.container` for different screen sizes.
$grid-container-max-widths: (
        sm: 540px,
        md: 720px,
        //lg: 960px,
        lg: 1040px,
        xl: 1240px,
        xxl: 1540px,
        xxxl: 1860px,
) !default;

// ===== Grid columns =====

// Set the number of columns and specify the width of the gutters.
$grid-columns:                24 !default;
$grid-gutter-width:           0 !default;

// Container padding
$grid-container-padding-x: math.div($grid-gutter-width, 2) !default;