designeverywhere.co/Snapshot/Export/Tailwind Config

Tailwind Config

Tailwind CSS theme.extend · 69 tokens

Preview

// Generated by UI Archive — ui-archive.com
// Paste into your tailwind.config.js

module.exports = {
  "theme": {
    "extend": {
      "colors": {
        "srgb-0-45098-0": "color(srgb 0.45098 0.45098 0.45098 / 0.3)"
      },
      "fontFamily": {
        "abc-diatype": [
          "ABC Diatype",
          "Diatype Fallback",
          "Arial",
          "Helvetica",
          "sans-serif"
        ],
        "abc-monument-grotesk-mono": [
          "ABC Monument Grotesk Mono"
        ]
      },
      "spacing": {
        "1px": "1px",
        "3px": "3px",
        "4px": "4px",
        "5px": "5px",
        "6px": "6px",
        "7px": "7px",
        "8px": "8px",
        "10px": "10px",
        "12px": "12px",
        "15px": "15px",
        "16px": "16px",
        "18px": "18px",
        "20px": "20px",
        "22px": "22px",
        "24px": "24px",
        "80px": "80px",
        "100px": "100px"
      },
…