@amsterdam/design-system-tokens/src/components/ams/page.tokens.json

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

{
  "ams": {
    "page": {
      "background-color": {
        "$value": "{ams.color.background.body}",
        "$extensions": {
          "nl.amsterdam.type": "color"
        }
      },
      "max-inline-size": {
        "$value": {
          "value": 90,
          "unit": "rem"
        },
        "$type": "dimension"
      },
      "with-menu": {
        "max-inline-size": {
          "$value": {
            "value": 120,
            "unit": "rem"
          },
          "$type": "dimension"
        },
        "area-skip-link": {
          "margin-inline-end": {
            "$value": "{ams.grid.padding-inline}",
            "$extensions": {
              "nl.amsterdam.hint": "Must be the Grid inline padding, to make sure Skip Link and Grid line up.",
              "nl.amsterdam.type": "dimension",
              "nl.amsterdam.subtype": "space"
            }
          }
        }
      }
    }
  }
}