@import "../../themes/liberty.globals";
@import "grid.mixins";

// Grid
// --------------------------------------------------

/// @prop - The padding for the grid
$grid-padding: var(--lu-grid-padding, 5px) !default;

/// @prop - The padding for the grid at different breakpoints
$grid-paddings: (
    xs: var(--lu-grid-padding-xs, $grid-padding),
    sm: var(--lu-grid-padding-sm, $grid-padding),
    md: var(--lu-grid-padding-md, $grid-padding),
    lg: var(--lu-grid-padding-lg, $grid-padding),
    xl: var(--lu-grid-padding-xl, $grid-padding)
) !default;

/// @prop - Width of the grid for different screen sizes when fixed is enabled
$grid-widths: (
    xs: var(--lu-grid-width-xs, var(--lu-grid-width, 100%)),
    sm: var(--lu-grid-width-sm, var(--lu-grid-width, 540px)),
    md: var(--lu-grid-width-md, var(--lu-grid-width, 720px)),
    lg: var(--lu-grid-width-lg, var(--lu-grid-width, 960px)),
    xl: var(--lu-grid-width-xl, var(--lu-grid-width, 1140px))
) !default;