@use "../../030-tools/tool_rem-conversion" as t-rem;

//== Spacing
//
//## Define common padding, margin and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
$il-padding-base: 9px;

$il-padding-base-vertical: 3px;
$il-padding-base-horizontal: $il-padding-base;

$il-padding-large-vertical: 6px;
$il-padding-large-horizontal: 12px;

$il-padding-xlarge-vertical: 9px;
$il-padding-xlarge-horizontal: 15px;

$il-padding-xxlarge-vertical: 12px;
$il-padding-xxlarge-horizontal: 15px;

$il-padding-xxxlarge-vertical: 15px;
$il-padding-xxxlarge-horizontal: 18px;

$il-padding-small-vertical: 3px;
$il-padding-small-horizontal: 6px;

$il-padding-xs-vertical: 1px;
$il-padding-xs-horizontal: 3px;

$il-margin-base: $il-padding-base;
$il-margin-base-vertical: $il-padding-base-vertical;
$il-margin-base-horizontal: $il-padding-base-horizontal;

$il-margin-large-vertical: $il-padding-large-vertical;
$il-margin-large-horizontal: $il-padding-large-horizontal;

$il-margin-xlarge-vertical: $il-padding-xlarge-vertical;
$il-margin-xlarge-horizontal: $il-padding-xlarge-horizontal;

$il-margin-xxlarge-vertical: $il-padding-xxlarge-vertical;
$il-margin-xxlarge-horizontal: $il-padding-xxlarge-horizontal;

$il-margin-xxxlarge-vertical: $il-padding-xxxlarge-vertical;
$il-margin-xxxlarge-horizontal: $il-padding-xxxlarge-horizontal;

$il-margin-small-vertical: $il-padding-small-vertical;
$il-margin-small-horizontal: $il-padding-small-horizontal;

$il-margin-xs-vertical: $il-padding-xs-vertical;
$il-margin-xs-horizontal: $il-padding-xs-horizontal;

// for Bootstrap 5 inspired code (e.g. grid)
// scss-docs-start spacer-variables-maps
$spacers: (
    0: 0,
    1: $il-padding-base-horizontal,
    2: $il-padding-large-horizontal,
    3: $il-padding-xlarge-horizontal,
    4: $il-padding-xxlarge-horizontal,
    5: $il-padding-xxxlarge-horizontal,
    ) !default;
// scss-docs-end spacer-variables-maps

$grid-gutter-width: 30px !default;