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

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

{
  "ams": {
    "mega-menu": {
      "list-category": {
        "column-gap": {
          "value": "{ams.space.xl}",
          "comment": "Must have the same value as `ams.grid.column-gap`."
        },
        "column-width": { "value": "20rem" },
        "padding-block-start": { "value": "{ams.space.m}" },
        "padding-block-end": {
          "value": "{ams.space.xl}",
          "comment": "Must have the same value as `ams.grid.row-gap.md`."
        }
      }
    }
  }
}