// Hydrogen / Sass Maps
@use "sass:color";
@use "defaults" as *;

// Alignment
$alignment-map: (
  "left": left,
  "center": center,
  "centre": center,
  "right": right
);
$alignment-value-map: (
  "left": auto auto auto 0,
  "center": 0 auto,
  "centre": 0 auto,
  "right": auto 0 auto auto
);

// Borders
$border-style-list: ("solid", "dashed");
$border-width-list: ("thick", "thin");

// Button Type
$button-type-map: (
  "solid": "solid",
  "outline": "outline",
  "clear": "clear"
);

// Color
$color-map: (
  "white": $white,
  "gray-1": color.scale($black, $lightness: 90%),
  "gray-2": color.scale($black, $lightness: 80%),
  "gray-3": color.scale($black, $lightness: 70%),
  "gray-4": color.scale($black, $lightness: 60%),
  "gray-5": color.scale($black, $lightness: 50%),
  "gray-6": color.scale($black, $lightness: 40%),
  "gray-7": color.scale($black, $lightness: 30%),
  "gray-8": color.scale($black, $lightness: 20%),
  "gray-9": color.scale($black, $lightness: 10%),
  "black": $black,
  "go": $go,
  "slow": $slow,
  "stop": $stop,
  "theme-1": $theme-color-1,
  "theme-1-light": color.scale($theme-color-1, $lightness: 25%),
  "theme-1-dark": color.scale($theme-color-1, $lightness: -15%, $saturation: -10%),
  "theme-2": $theme-color-2,
  "theme-2-light": color.scale($theme-color-2, $lightness: 25%),
  "theme-2-dark": color.scale($theme-color-2, $lightness: -15%, $saturation: -10%),
  "theme-3": $theme-color-3,
  "theme-3-light": color.scale($theme-color-3, $lightness: 25%),
  "theme-3-dark": color.scale($theme-color-3, $lightness: -15%, $saturation: -10%),
  "theme-4": $theme-color-4,
  "theme-4-light": color.scale($theme-color-4, $lightness: 25%),
  "theme-4-dark": color.scale($theme-color-4, $lightness: -15%, $saturation: -10%),
  "theme-5": $theme-color-5,
  "theme-5-light": color.scale($theme-color-5, $lightness: 25%),
  "theme-5-dark": color.scale($theme-color-5, $lightness: -15%, $saturation: -10%)
);

// Containers
$container-size-map: (
  "small": $layout-small,
  "medium": $layout-medium,
  "large": $layout-large,
  "full": none
);

// Display
$display-list: ("block", "inline", "inline-block", "table", "grid", "flex", "none");

// Gradients
$gradient-map: (
  // 1 to
  "0-1-1": linear-gradient(color.scale($theme-color-1, $lightness: 25%), color.scale($theme-color-1, $lightness: -15%, $saturation: -10%)),
  "45-1-1": linear-gradient(315deg, color.scale($theme-color-1, $lightness: 25%), color.scale($theme-color-1, $lightness: -15%, $saturation: -10%)),
  "90-1-1": linear-gradient(270deg, color.scale($theme-color-1, $lightness: 25%), color.scale($theme-color-1, $lightness: -15%, $saturation: -10%)),
  "135-1-1": linear-gradient(225deg, color.scale($theme-color-1, $lightness: 25%), color.scale($theme-color-1, $lightness: -15%, $saturation: -10%)),
  "180-1-1": linear-gradient(0deg, color.scale($theme-color-1, $lightness: 25%), color.scale($theme-color-1, $lightness: -15%, $saturation: -10%)),
  "225-1-1": linear-gradient(135deg, color.scale($theme-color-1, $lightness: 25%), color.scale($theme-color-1, $lightness: -15%, $saturation: -10%)),
  "270-1-1": linear-gradient(90deg, color.scale($theme-color-1, $lightness: 25%), color.scale($theme-color-1, $lightness: -15%, $saturation: -10%)),
  "315-1-1": linear-gradient(45deg, color.scale($theme-color-1, $lightness: 25%), color.scale($theme-color-1, $lightness: -15%, $saturation: -10%)),
  "0-1-2": linear-gradient($theme-color-1, $theme-color-2),
  "45-1-2": linear-gradient(315deg, $theme-color-1, $theme-color-2),
  "90-1-2": linear-gradient(270deg, $theme-color-1, $theme-color-2),
  "135-1-2": linear-gradient(225deg, $theme-color-1, $theme-color-2),
  "180-1-2": linear-gradient(0deg, $theme-color-1, $theme-color-2),
  "225-1-2": linear-gradient(135deg, $theme-color-1, $theme-color-2),
  "270-1-2": linear-gradient(90deg, $theme-color-1, $theme-color-2),
  "315-1-2": linear-gradient(45deg, $theme-color-1, $theme-color-2),
  "0-1-3": linear-gradient($theme-color-1, $theme-color-3),
  "45-1-3": linear-gradient(315deg, $theme-color-1, $theme-color-3),
  "90-1-3": linear-gradient(270deg, $theme-color-1, $theme-color-3),
  "135-1-3": linear-gradient(225deg, $theme-color-1, $theme-color-3),
  "180-1-3": linear-gradient(0deg, $theme-color-1, $theme-color-3),
  "225-1-3": linear-gradient(135deg, $theme-color-1, $theme-color-3),
  "270-1-3": linear-gradient(90deg, $theme-color-1, $theme-color-3),
  "315-1-3": linear-gradient(45deg, $theme-color-1, $theme-color-3),
  "0-1-4": linear-gradient($theme-color-1, $theme-color-4),
  "45-1-4": linear-gradient(315deg, $theme-color-1, $theme-color-4),
  "90-1-4": linear-gradient(270deg, $theme-color-1, $theme-color-4),
  "135-1-4": linear-gradient(225deg, $theme-color-1, $theme-color-4),
  "180-1-4": linear-gradient(0deg, $theme-color-1, $theme-color-4),
  "225-1-4": linear-gradient(135deg, $theme-color-1, $theme-color-4),
  "270-1-4": linear-gradient(90deg, $theme-color-1, $theme-color-4),
  "315-1-4": linear-gradient(45deg, $theme-color-1, $theme-color-4),
  "0-1-5": linear-gradient($theme-color-1, $theme-color-5),
  "45-1-5": linear-gradient(315deg, $theme-color-1, $theme-color-5),
  "90-1-5": linear-gradient(270deg, $theme-color-1, $theme-color-5),
  "135-1-5": linear-gradient(225deg, $theme-color-1, $theme-color-5),
  "180-1-5": linear-gradient(0deg, $theme-color-1, $theme-color-5),
  "225-1-5": linear-gradient(135deg, $theme-color-1, $theme-color-5),
  "270-1-5": linear-gradient(90deg, $theme-color-1, $theme-color-5),
  "315-1-5": linear-gradient(45deg, $theme-color-1, $theme-color-5),
  // 2 to
  "0-2-1": linear-gradient($theme-color-2, $theme-color-1),
  "45-2-1": linear-gradient(315deg, $theme-color-2, $theme-color-1),
  "90-2-1": linear-gradient(270deg, $theme-color-2, $theme-color-1),
  "135-2-1": linear-gradient(225deg, $theme-color-2, $theme-color-1),
  "180-2-1": linear-gradient(0deg, $theme-color-2, $theme-color-1),
  "225-2-1": linear-gradient(135deg, $theme-color-2, $theme-color-1),
  "270-2-1": linear-gradient(90deg, $theme-color-2, $theme-color-1),
  "315-2-1": linear-gradient(45deg, $theme-color-2, $theme-color-1),
  "0-2-2": linear-gradient(color.scale($theme-color-2, $lightness: 25%), color.scale($theme-color-2, $lightness: -15%, $saturation: -10%)),
  "45-2-2": linear-gradient(315deg, color.scale($theme-color-2, $lightness: 25%), color.scale($theme-color-2, $lightness: -15%, $saturation: -10%)),
  "90-2-2": linear-gradient(270deg, color.scale($theme-color-2, $lightness: 25%), color.scale($theme-color-2, $lightness: -15%, $saturation: -10%)),
  "135-2-2": linear-gradient(225deg, color.scale($theme-color-2, $lightness: 25%), color.scale($theme-color-2, $lightness: -15%, $saturation: -10%)),
  "180-2-2": linear-gradient(0deg, color.scale($theme-color-2, $lightness: 25%), color.scale($theme-color-2, $lightness: -15%, $saturation: -10%)),
  "225-2-2": linear-gradient(135deg, color.scale($theme-color-2, $lightness: 25%), color.scale($theme-color-2, $lightness: -15%, $saturation: -10%)),
  "270-2-2": linear-gradient(90deg, color.scale($theme-color-2, $lightness: 25%), color.scale($theme-color-2, $lightness: -15%, $saturation: -10%)),
  "315-2-2": linear-gradient(45deg, color.scale($theme-color-2, $lightness: 25%), color.scale($theme-color-2, $lightness: -15%, $saturation: -10%)),
  "0-2-3": linear-gradient($theme-color-2, $theme-color-3),
  "45-2-3": linear-gradient(315deg, $theme-color-2, $theme-color-3),
  "90-2-3": linear-gradient(270deg, $theme-color-2, $theme-color-3),
  "135-2-3": linear-gradient(225deg, $theme-color-2, $theme-color-3),
  "180-2-3": linear-gradient(0deg, $theme-color-2, $theme-color-3),
  "225-2-3": linear-gradient(135deg, $theme-color-2, $theme-color-3),
  "270-2-3": linear-gradient(90deg, $theme-color-2, $theme-color-3),
  "315-2-3": linear-gradient(45deg, $theme-color-2, $theme-color-3),
  "0-2-4": linear-gradient($theme-color-2, $theme-color-4),
  "45-2-4": linear-gradient(315deg, $theme-color-2, $theme-color-4),
  "90-2-4": linear-gradient(270deg, $theme-color-2, $theme-color-4),
  "135-2-4": linear-gradient(225deg, $theme-color-2, $theme-color-4),
  "180-2-4": linear-gradient(0deg, $theme-color-2, $theme-color-4),
  "225-2-4": linear-gradient(135deg, $theme-color-2, $theme-color-4),
  "270-2-4": linear-gradient(90deg, $theme-color-2, $theme-color-4),
  "315-2-4": linear-gradient(45deg, $theme-color-2, $theme-color-4),
  "0-2-5": linear-gradient($theme-color-2, $theme-color-5),
  "45-2-5": linear-gradient(315deg, $theme-color-2, $theme-color-5),
  "90-2-5": linear-gradient(270deg, $theme-color-2, $theme-color-5),
  "135-2-5": linear-gradient(225deg, $theme-color-2, $theme-color-5),
  "180-2-5": linear-gradient(0deg, $theme-color-2, $theme-color-5),
  "225-2-5": linear-gradient(135deg, $theme-color-2, $theme-color-5),
  "270-2-5": linear-gradient(90deg, $theme-color-2, $theme-color-5),
  "315-2-5": linear-gradient(45deg, $theme-color-2, $theme-color-5),
  // 3 to
  "0-3-1": linear-gradient($theme-color-3, $theme-color-1),
  "45-3-1": linear-gradient(315deg, $theme-color-3, $theme-color-1),
  "90-3-1": linear-gradient(270deg, $theme-color-3, $theme-color-1),
  "135-3-1": linear-gradient(225deg, $theme-color-3, $theme-color-1),
  "180-3-1": linear-gradient(0deg, $theme-color-3, $theme-color-1),
  "225-3-1": linear-gradient(135deg, $theme-color-3, $theme-color-1),
  "270-3-1": linear-gradient(90deg, $theme-color-3, $theme-color-1),
  "315-3-1": linear-gradient(45deg, $theme-color-3, $theme-color-1),
  "0-3-2": linear-gradient($theme-color-3, $theme-color-2),
  "45-3-2": linear-gradient(315deg, $theme-color-3, $theme-color-2),
  "90-3-2": linear-gradient(270deg, $theme-color-3, $theme-color-2),
  "135-3-2": linear-gradient(225deg, $theme-color-3, $theme-color-2),
  "180-3-2": linear-gradient(0deg, $theme-color-3, $theme-color-2),
  "225-3-2": linear-gradient(135deg, $theme-color-3, $theme-color-2),
  "270-3-2": linear-gradient(90deg, $theme-color-3, $theme-color-2),
  "315-3-2": linear-gradient(45deg, $theme-color-3, $theme-color-2),
  "0-3-3": linear-gradient(color.scale($theme-color-3, $lightness: 25%), color.scale($theme-color-3, $lightness: -15%, $saturation: -10%)),
  "45-3-3": linear-gradient(315deg, color.scale($theme-color-3, $lightness: 25%), color.scale($theme-color-3, $lightness: -15%, $saturation: -10%)),
  "90-3-3": linear-gradient(270deg, color.scale($theme-color-3, $lightness: 25%), color.scale($theme-color-3, $lightness: -15%, $saturation: -10%)),
  "135-3-3": linear-gradient(225deg, color.scale($theme-color-3, $lightness: 25%), color.scale($theme-color-3, $lightness: -15%, $saturation: -10%)),
  "180-3-3": linear-gradient(0deg, color.scale($theme-color-3, $lightness: 25%), color.scale($theme-color-3, $lightness: -15%, $saturation: -10%)),
  "225-3-3": linear-gradient(135deg, color.scale($theme-color-3, $lightness: 25%), color.scale($theme-color-3, $lightness: -15%, $saturation: -10%)),
  "270-3-3": linear-gradient(90deg, color.scale($theme-color-3, $lightness: 25%), color.scale($theme-color-3, $lightness: -15%, $saturation: -10%)),
  "315-3-3": linear-gradient(45deg, color.scale($theme-color-3, $lightness: 25%), color.scale($theme-color-3, $lightness: -15%, $saturation: -10%)),
  "0-3-4": linear-gradient($theme-color-3, $theme-color-4),
  "45-3-4": linear-gradient(315deg, $theme-color-3, $theme-color-4),
  "90-3-4": linear-gradient(270deg, $theme-color-3, $theme-color-4),
  "135-3-4": linear-gradient(225deg, $theme-color-3, $theme-color-4),
  "180-3-4": linear-gradient(0deg, $theme-color-3, $theme-color-4),
  "225-3-4": linear-gradient(135deg, $theme-color-3, $theme-color-4),
  "270-3-4": linear-gradient(90deg, $theme-color-3, $theme-color-4),
  "315-3-4": linear-gradient(45deg, $theme-color-3, $theme-color-4),
  "0-3-5": linear-gradient($theme-color-3, $theme-color-5),
  "45-3-5": linear-gradient(315deg, $theme-color-3, $theme-color-5),
  "90-3-5": linear-gradient(270deg, $theme-color-3, $theme-color-5),
  "135-3-5": linear-gradient(225deg, $theme-color-3, $theme-color-5),
  "180-3-5": linear-gradient(0deg, $theme-color-3, $theme-color-5),
  "225-3-5": linear-gradient(135deg, $theme-color-3, $theme-color-5),
  "270-3-5": linear-gradient(90deg, $theme-color-3, $theme-color-5),
  "315-3-5": linear-gradient(45deg, $theme-color-3, $theme-color-5),
  // 4 to
  "0-4-1": linear-gradient($theme-color-4, $theme-color-1),
  "45-4-1": linear-gradient(315deg, $theme-color-4, $theme-color-1),
  "90-4-1": linear-gradient(270deg, $theme-color-4, $theme-color-1),
  "135-4-1": linear-gradient(225deg, $theme-color-4, $theme-color-1),
  "180-4-1": linear-gradient(0deg, $theme-color-4, $theme-color-1),
  "225-4-1": linear-gradient(135deg, $theme-color-4, $theme-color-1),
  "270-4-1": linear-gradient(90deg, $theme-color-4, $theme-color-1),
  "315-4-1": linear-gradient(45deg, $theme-color-4, $theme-color-1),
  "0-4-2": linear-gradient($theme-color-4, $theme-color-2),
  "45-4-2": linear-gradient(315deg, $theme-color-4, $theme-color-2),
  "90-4-2": linear-gradient(270deg, $theme-color-4, $theme-color-2),
  "135-4-2": linear-gradient(225deg, $theme-color-4, $theme-color-2),
  "180-4-2": linear-gradient(0deg, $theme-color-4, $theme-color-2),
  "225-4-2": linear-gradient(135deg, $theme-color-4, $theme-color-2),
  "270-4-2": linear-gradient(90deg, $theme-color-4, $theme-color-2),
  "315-4-2": linear-gradient(45deg, $theme-color-4, $theme-color-2),
  "0-4-3": linear-gradient($theme-color-4, $theme-color-3),
  "45-4-3": linear-gradient(315deg, $theme-color-4, $theme-color-3),
  "90-4-3": linear-gradient(270deg, $theme-color-4, $theme-color-3),
  "135-4-3": linear-gradient(225deg, $theme-color-4, $theme-color-3),
  "180-4-3": linear-gradient(0deg, $theme-color-4, $theme-color-3),
  "225-4-3": linear-gradient(135deg, $theme-color-4, $theme-color-3),
  "270-4-3": linear-gradient(90deg, $theme-color-4, $theme-color-3),
  "315-4-3": linear-gradient(45deg, $theme-color-4, $theme-color-3),
  "0-4-4": linear-gradient(color.scale($theme-color-4, $lightness: 25%), color.scale($theme-color-4, $lightness: -15%, $saturation: -10%)),
  "45-4-4": linear-gradient(315deg, color.scale($theme-color-4, $lightness: 25%), color.scale($theme-color-4, $lightness: -15%, $saturation: -10%)),
  "90-4-4": linear-gradient(270deg, color.scale($theme-color-4, $lightness: 25%), color.scale($theme-color-4, $lightness: -15%, $saturation: -10%)),
  "135-4-4": linear-gradient(225deg, color.scale($theme-color-4, $lightness: 25%), color.scale($theme-color-4, $lightness: -15%, $saturation: -10%)),
  "180-4-4": linear-gradient(0deg, color.scale($theme-color-4, $lightness: 25%), color.scale($theme-color-4, $lightness: -15%, $saturation: -10%)),
  "225-4-4": linear-gradient(135deg, color.scale($theme-color-4, $lightness: 25%), color.scale($theme-color-4, $lightness: -15%, $saturation: -10%)),
  "270-4-4": linear-gradient(90deg, color.scale($theme-color-4, $lightness: 25%), color.scale($theme-color-4, $lightness: -15%, $saturation: -10%)),
  "315-4-4": linear-gradient(45deg, color.scale($theme-color-4, $lightness: 25%), color.scale($theme-color-4, $lightness: -15%, $saturation: -10%)),
  "0-4-5": linear-gradient($theme-color-4, $theme-color-5),
  "45-4-5": linear-gradient(315deg, $theme-color-4, $theme-color-5),
  "90-4-5": linear-gradient(270deg, $theme-color-4, $theme-color-5),
  "135-4-5": linear-gradient(225deg, $theme-color-4, $theme-color-5),
  "180-4-5": linear-gradient(0deg, $theme-color-4, $theme-color-5),
  "225-4-5": linear-gradient(135deg, $theme-color-4, $theme-color-5),
  "270-4-5": linear-gradient(90deg, $theme-color-4, $theme-color-5),
  "315-4-5": linear-gradient(45deg, $theme-color-4, $theme-color-5),
  // 5 to
  "0-5-1": linear-gradient($theme-color-5, $theme-color-1),
  "45-5-1": linear-gradient(315deg, $theme-color-5, $theme-color-1),
  "90-5-1": linear-gradient(270deg, $theme-color-5, $theme-color-1),
  "135-5-1": linear-gradient(225deg, $theme-color-5, $theme-color-1),
  "180-5-1": linear-gradient(0deg, $theme-color-5, $theme-color-1),
  "225-5-1": linear-gradient(135deg, $theme-color-5, $theme-color-1),
  "270-5-1": linear-gradient(90deg, $theme-color-5, $theme-color-1),
  "315-5-1": linear-gradient(45deg, $theme-color-5, $theme-color-1),
  "0-5-2": linear-gradient($theme-color-5, $theme-color-2),
  "45-5-2": linear-gradient(315deg, $theme-color-5, $theme-color-2),
  "90-5-2": linear-gradient(270deg, $theme-color-5, $theme-color-2),
  "135-5-2": linear-gradient(225deg, $theme-color-5, $theme-color-2),
  "180-5-2": linear-gradient(0deg, $theme-color-5, $theme-color-2),
  "225-5-2": linear-gradient(135deg, $theme-color-5, $theme-color-2),
  "270-5-2": linear-gradient(90deg, $theme-color-5, $theme-color-2),
  "315-5-2": linear-gradient(45deg, $theme-color-5, $theme-color-2),
  "0-5-3": linear-gradient($theme-color-5, $theme-color-3),
  "45-5-3": linear-gradient(315deg, $theme-color-5, $theme-color-3),
  "90-5-3": linear-gradient(270deg, $theme-color-5, $theme-color-3),
  "135-5-3": linear-gradient(225deg, $theme-color-5, $theme-color-3),
  "180-5-3": linear-gradient(0deg, $theme-color-5, $theme-color-3),
  "225-5-3": linear-gradient(135deg, $theme-color-5, $theme-color-3),
  "270-5-3": linear-gradient(90deg, $theme-color-5, $theme-color-3),
  "315-5-3": linear-gradient(45deg, $theme-color-5, $theme-color-3),
  "0-5-4": linear-gradient($theme-color-5, $theme-color-4),
  "45-5-4": linear-gradient(315deg, $theme-color-5, $theme-color-4),
  "90-5-4": linear-gradient(270deg, $theme-color-5, $theme-color-4),
  "135-5-4": linear-gradient(225deg, $theme-color-5, $theme-color-4),
  "180-5-4": linear-gradient(0deg, $theme-color-5, $theme-color-4),
  "225-5-4": linear-gradient(135deg, $theme-color-5, $theme-color-4),
  "270-5-4": linear-gradient(90deg, $theme-color-5, $theme-color-4),
  "315-5-4": linear-gradient(45deg, $theme-color-5, $theme-color-4),
  "0-5-5": linear-gradient(color.scale($theme-color-5, $lightness: 25%), color.scale($theme-color-5, $lightness: -15%, $saturation: -10%)),
  "45-5-5": linear-gradient(315deg, color.scale($theme-color-5, $lightness: 25%), color.scale($theme-color-5, $lightness: -15%, $saturation: -10%)),
  "90-5-5": linear-gradient(270deg, color.scale($theme-color-5, $lightness: 25%), color.scale($theme-color-5, $lightness: -15%, $saturation: -10%)),
  "135-5-5": linear-gradient(225deg, color.scale($theme-color-5, $lightness: 25%), color.scale($theme-color-5, $lightness: -15%, $saturation: -10%)),
  "180-5-5": linear-gradient(0deg, color.scale($theme-color-5, $lightness: 25%), color.scale($theme-color-5, $lightness: -15%, $saturation: -10%)),
  "225-5-5": linear-gradient(135deg, color.scale($theme-color-5, $lightness: 25%), color.scale($theme-color-5, $lightness: -15%, $saturation: -10%)),
  "270-5-5": linear-gradient(90deg, color.scale($theme-color-5, $lightness: 25%), color.scale($theme-color-5, $lightness: -15%, $saturation: -10%)),
  "315-5-5": linear-gradient(45deg, color.scale($theme-color-5, $lightness: 25%), color.scale($theme-color-5, $lightness: -15%, $saturation: -10%))
);


// Font Family
$font-family-map: (
  "sans": $font-sans,
  "serif": $font-serif,
  "script": $font-script,
  "monospace": $font-monospace,
);

// Font Size
$font-size-map: (
  "h1": $font-scale-h1,
  "h2": $font-scale-h2,
  "h3": $font-scale-h3,
  "h4": $font-scale-h4,
  "h5": $font-scale-h5,
  "h6": $font-scale-h6,
  "normal": $font-scale-default,
  "small": $font-scale-small,
);

// Grid Alignment
$grid-alignment-map: (
  "top": "flex-start",
  "middle": "center",
  "bottom": "flex-end",
  "stretch": "stretch"
);

// Media
$media-query-map: (
  "b": "screen",
  "s": $mq-small,
  "m": $mq-medium,
  "l": $mq-large
);

// Opacity
$opacity-map: (
  "0": 0, 
  ".1": .1,
  ".2": .2,
  ".3": .3,
  ".4": .4,
  ".5": .5,
  ".6": .6,
  ".7": .7,
  ".8": .8,
  ".9": .9,
  "1": 1
);

// Orientation
$orientation-map: (
  "all": "",
  "top": "-top",
  "right": "-right",
  "bottom": "-bottom",
  "left": "-left"
);

// Position
$position-list: ("absolute", "relative", "static", "fixed", "sticky");

// Radius
$radius-map: (
  "square": 0,
  "round": $border-radius-round,
  "circle": 100%
);

$object-radius-map: (
  "square": 0,
  "round": $border-radius-round,
  "pill": 50rem,
  "circle": 100%
);

// Sides
$side-map: (
  "all": "",
  "top": "-top",
  "right": "-right",
  "bottom": "-bottom",
  "left": "-left",
  "tb": "",
  "rl": ""
);

// Size
$size-map: (
  "small": "small",
  "medium": "medium",
  "large": "large"
);

// Type
$heading-list: ("h1", "h2", "h3", "h4", "h5", "h6");

// Weight
$weight-map: (
  "100": 100,
  "200": 200,
  "300": 300,
  "400": 400,
  "normal": 400,
  "500": 500,
  "600": 600,
  "700": 700,
  "bold": 700,
  "800": 800,
  "900": 900
);

// Whitespace
$whitespace-map: (
  "1": "",
  "0": "* 0",
  ".25": "/ 4",
  ".5": "/ 2",
  "2": "* 2",
  "2.5": "* 2.5",
  "3": "* 3",
  "4": "* 4",
  "5": "* 5"
);