@amsterdam/design-system-tokens/src/common/ams/links.tokens.json

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

{
  "ams": {
    "links": {
      "color": { "value": "{ams.color.interactive.default}" },
      "text-decoration-thickness": { "value": "{ams.border.width.m}" },
      "text-underline-offset": { "value": "0.3333em" },
      "hover": {
        "color": { "value": "{ams.color.interactive.hover}" },
        "text-decoration-thickness": { "value": "{ams.border.width.l}" },
        "text-underline-offset": { "value": "0.2778em" }
      },
      "subtle": {
        "text-decoration-line": { "value": "none" },
        "hover": {
          "text-decoration-line": { "value": "underline" }
        }
      },
      "contrast": {
        "color": { "value": "{ams.color.interactive.contrast}" },
        "hover": {
          "color": { "value": "{ams.color.interactive.contrast}" }
        }
      },
      "inverse": {
        "color": { "value": "{ams.color.interactive.inverse}" },
        "hover": {
          "color": { "value": "{ams.color.interactive.inverse}" }
        }
      }
    }
  }
}