@amsterdam/design-system-tokens/src/brand/ams/space.compact.tokens.json

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

{
  "ams": {
    "space": {
      "xs": {
        "$value": {
          "value": 0.25,
          "unit": "rem"
        },
        "$type": "dimension"
      },
      "s": {
        "$value": {
          "value": 0.5,
          "unit": "rem"
        },
        "$type": "dimension"
      },
      "m": {
        "$value": "clamp(0.75rem, 0.6786rem + 0.3571vw, 1rem)",
        "$extensions": {
          "nl.amsterdam.type": "dimension",
          "nl.amsterdam.subtype": "space"
        }
      },
      "l": {
        "$value": "clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem)",
        "$extensions": {
          "nl.amsterdam.type": "dimension",
          "nl.amsterdam.subtype": "space"
        }
      },
      "xl": {
        "$value": "clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem)",
        "$extensions": {
          "nl.amsterdam.type": "dimension",
          "nl.amsterdam.subtype": "space"
        }
      },
      "2xl": {
        "$value": "clamp(2rem, 1.7143rem + 1.4286vw, 3rem)",
        "$extensions": {
          "nl.amsterdam.type": "dimension",
          "nl.amsterdam.subtype": "space"
        }
      }
    }
  }
}