@use "../../../styles/tokens/space";
@use "../../../styles/tools/convert";

$sizes: (
  small: (
    default: (
      min-height: convert.to-rem(160px),
    ),
    md: (
      min-height: convert.to-rem(255px),
    ),
  ),
  medium: (
    default: (
      min-height: convert.to-rem(160px),
    ),
    md: (
      min-height: convert.to-rem(275px),
    ),
    lg: (
      min-height: convert.to-rem(295px),
    ),
  ),
  large: (
    default: (
      min-height: convert.to-rem(160px),
    ),
    md: (
      min-height: convert.to-rem(275px),
    ),
    lg: (
      min-height: convert.to-rem(460px),
    ),
  ),
  xlarge: (
    default: (
      min-height: convert.to-rem(600px),
    ),
    md: (
      min-height: convert.to-rem(760px),
    ),
    lg: (
      min-height: convert.to-rem(760px),
    ),
  ),
);

$spacing: (
  default: (
    padding-top: space.get("small"),
    padding-bottom: 0.1px,
  ),
  md: (
    padding-top: space.get(),
    padding-bottom: space.get(),
  ),
  lg: (
    padding-top: space.get("large"),
    padding-bottom: space.get("large"),
  ),
);

$positions: (
  "top": 50% 0,
  "bottom": 50% 100%,
);