portorocha.com/Snapshot/Export/Tailwind Config

Tailwind Config

Tailwind CSS theme.extend · 40 tokens

Preview

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

module.exports = {
  "theme": {
    "extend": {
      "colors": {
        "black": "#000000",
        "white": "#e2e6e3",
        "blue": "#007aff",
        "gray10": "hsla(135,7%,89%,.1)",
        "gray20": "hsla(135,7%,89%,.2)",
        "gray30": "hsla(135,7%,89%,.3)",
        "gray50": "hsla(135,7%,89%,.5)"
      },
      "fontFamily": {
        "sf-pro-text": [
          "sf-pro-text",
          "sans-serif"
        ],
        "sf-pro-display": [
          "sf-pro-display",
          "sans-serif"
        ]
      },
      "spacing": {
        "2px": "2px",
        "3px": "3px",
        "4px": "4px",
        "6px": "6px",
        "8px": "8px",
        "9px": "9px",
        "10px": "10px",
        "12px": "12px",
        "16px": "16px",
        "20px": "20px",
        "24px": "24px",
        "32px": "32px",
        "44px": "44px",
        "48px": "48px",
…