@import "../functions";
@import "../variables";
@import "../variables-dark";
@import "../maps";
@import "../mixins";
@import "../utilities";

$sizes-custom: (
    1: $h1-font-size,
    2: $h2-font-size,
    3: $h3-font-size,
    4: $h4-font-size,
    5: $h5-font-size,
    6: $h6-font-size,
    "12px": 12px,
    "14px": 14px,
    "16px": 16px,
    "18px": 18px,
    "20px": 20px,
    "22px": 22px,
    "24px": 24px,
    "32px": 32px,
);

$sizing-values: (
    "0": 0px,
    "px": 1px,
    "0-5": 0.125rem,
    "1": 0.25rem,
    "1-5": 0.375rem,
    "2": 0.5rem,
    "2-5": 0.625rem,
    "3": 0.75rem,
    "3-5": 0.875rem,
    "4": 1rem,
    "4-5": 1.125rem,
    "5": 1.25rem,
    "5-5": 1.375rem,
    "6": 1.5rem,
    "6-5": 1.625rem,
    "7": 1.75rem,
    "7-5": 1.875rem,
    "8": 2rem,
    "8-5": 2.125rem,
    "9": 2.25rem,
    "9-5": 2.375rem,
    "10": 2.5rem,
    "11": 2.75rem,
    "12": 3rem,
    "14": 3.5rem,
    "16": 4rem,
    "20": 5rem,
    "24": 6rem,
    "28": 7rem,
    "32": 8rem,
    "36": 9rem,
    "40": 10rem,
    "44": 11rem,
    "48": 12rem,
);

$sizing-values-2: (
    "full": 100%,
    "min": min-content,
    "max": max-content,
    "fit": fit-content,
);

$sizing-values-percent: (
    "10-percent": 10%,
    "15-percent": 15%,
    "20-percent": 20%,
    "25-percent": 25%,
    "30-percent": 30%,
    "35-percent": 35%,
    "40-percent": 40%,
    "45-percent": 45%,
    "50-percent": 50%,
    "55-percent": 55%,
    "60-percent": 60%,
    "65-percent": 65%,
    "70-percent": 70%,
    "75-percent": 75%,
    "80-percent": 80%,
    "85-percent": 85%,
    "90-percent": 90%,
    "95-percent": 95%,
);