@amsterdam/design-system-tokens/dist/compact.mjs

All design tokens from the Amsterdam Design System. Use it to apply its visual design to your website or application.

/**
 * Do not edit directly, this file was auto-generated.
 */

export const amsSpaceXs = "clamp(0.1875rem, 0.1719rem + 0.0781vw, 0.25rem)";
export const amsSpaceS = "clamp(0.375rem, 0.3438rem + 0.1563vw, 0.5rem)";
export const amsSpaceM = "clamp(0.75rem, 0.6875rem + 0.3125vw, 1rem)";
export const amsSpaceL = "clamp(1rem, 0.875rem + 0.625vw, 1.5rem)";
export const amsSpaceXl = "clamp(1.25rem, 1rem + 1.25vw, 2.25rem)";
export const amsSpace_2xl = "clamp(1.5rem, 1.125rem + 1.875vw, 3rem)";
export const amsTypographyBodyTextFontSize = "1rem";
export const amsTypographyBodyTextSmallFontSize =
  "clamp(0.8889rem, calc(0.9141rem + -0.0253vw), 0.9091rem)";
export const amsTypographyBodyTextLargeFontSize =
  "clamp(1.1rem, calc(1.0938rem + 0.0313vw), 1.125rem)";
export const amsTypographyBodyTextXLargeFontSize =
  "clamp(1.21rem, calc(1.1961rem + 0.0695vw), 1.2656rem)";
export const amsTypographyHeading_0FontSize =
  "clamp(1.6105rem, calc(1.5626rem + 0.2394vw), 1.802rem)";
export const amsTypographyHeading_1FontSize =
  "clamp(1.4641rem, calc(1.4297rem + 0.1721vw), 1.6018rem)";
export const amsTypographyHeading_2FontSize =
  "clamp(1.331rem, calc(1.3078rem + 0.116vw), 1.4238rem)";
export const amsTypographyHeading_3FontSize =
  "clamp(1.21rem, calc(1.1961rem + 0.0695vw), 1.2656rem)";
export const amsTypographyHeading_4FontSize =
  "clamp(1.1rem, calc(1.0938rem + 0.0313vw), 1.125rem)";
export const amsTypographyHeading_5FontSize = "1rem";
export const amsTypographyHeading_6FontSize =
  "clamp(0.8889rem, calc(0.9141rem + -0.0253vw), 0.9091rem)";
export const amsGridPaddingInline = "clamp(1.25rem, 1rem + 1.25vw, 2.25rem)";