TypeScript Tokens

Preview

/**
 * Generated by UI Archive — ui-archive.com
 * Domain: smashingmagazine.com
 * Snapshot: 2026-11-15
 * Format: W3C DTCG compatible
 * Token names preserve original CSS variable names
 */

export const tokens = {
  "fontSize": {
    "fira-code": "1em",
    "mija": "1rem",
    "elena-19-8351px-400": "19.8351px",
    "elena-23-1885px-400": "23.1885px",
    "elena-15-8681px-400": "15.8681px",
    "mija-17-8516px-700": "17.8516px",
    "mija-19-1316px-700": "19.1316px",
    "mija-30-8px-700": "30.8px",
    "mija-16px-700": "16px",
    "mija-20-8269px-700": "20.8269px",
    "mija-32-08px-700": "32.08px",
    "elena-22-8104px-400": "22.8104px",
    "mija-23-0351px-700": "23.0351px",
    "elena-13-8846px-700": "13.8846px",
    "mija-29-7527px-700": "29.7527px",
    "elena-14-8763px-400": "14.8763px",
    "mija-16-8599px-700": "16.8599px",
    "mija-42-64px-700": "42.64px"
  },
  "spacing": {
    "2px": "2px",
    "3px": "3px",
    "5px": "5px",
    "9px": "9px",
    "10px": "10px",
    "12px": "12px",
    "16px": "16px",
    "20px": "20px"
  },
  "borderRadius": {
…

All Tokens