Spaces:
Runtime error
Runtime error
const { defineConfig } = require("pollen-css/utils"); | |
module.exports = defineConfig((pollen) => { | |
return { | |
selector: ":root", | |
output: "./src/pollen.css", | |
modules: { | |
line: { | |
...pollen.line, | |
sm: "1.4" | |
}, | |
font: { | |
...pollen.font, | |
sans: `Source Sans Pro, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"`, | |
mono: `IBM Plex Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace` | |
}, | |
radius: { | |
...pollen.radius, | |
xs: "2px", | |
sm: "4px", | |
md: "6px", | |
lg: "8px", | |
xl: "12px", | |
"2xl": "16px", | |
"3xl": "22px" | |
}, | |
size: { | |
...pollen.size, | |
0.5: "2px", | |
1.5: "6px", | |
2.5: "10px", | |
"screen-h": "100vh" | |
}, | |
color: { | |
...pollen.color, | |
blue: "#0ea5e9", | |
"blue-10": "#fafcff", | |
"blue-50": "#eff6ff", | |
"blue-100": "#dbeafe", | |
"blue-200": "#bfdbfe", | |
"blue-300": "#93c5fd", | |
"blue-400": "#60a5fa", | |
"blue-500": "#0ea5e9", | |
"blue-600": "#2563eb", | |
"blue-700": "#1d4ed8", | |
"blue-800": "#1e40af", | |
"blue-900": "#1e3a8a", | |
"blue-950": "#1c366b", | |
grey: "#6b7280", | |
"grey-10": "#fdfdfe", | |
"grey-50": "#f9fafb", | |
"grey-100": "#f3f4f6", | |
"grey-200": "#e5e7eb", | |
"grey-300": "#d1d5db", | |
"grey-400": "#9ca3af", | |
"grey-500": "#6b7280", | |
"grey-600": "#4b5563", | |
"grey-700": "#374151", | |
"grey-800": "#1f2937", | |
"grey-900": "#111827", | |
"grey-950": "#0b0f19", | |
red: "#ef4444", | |
"red-10": "#fffbfb", | |
"red-50": "#fef2f2", | |
"red-100": "#fee2e2", | |
"red-200": "#fecaca", | |
"red-300": "#fca5a5", | |
"red-400": "#f87171", | |
"red-500": "#ef4444", | |
"red-600": "#dc2626", | |
"red-700": "#b91c1c", | |
"red-800": "#991b1b", | |
"red-900": "#7f1d1d", | |
"red-950": "#63171a", | |
green: "#22c55e", | |
"green-10": "#f9fefc", | |
"green-50": "#ecfdf5", | |
"green-100": "#d1fae5", | |
"green-200": "#bbf7d0", | |
"green-300": "#86efac", | |
"green-400": "#4ade80", | |
"green-500": "#22c55e", | |
"green-600": "#16a34a", | |
"green-700": "#15803d", | |
"green-800": "#166534", | |
"green-900": "#14532d", | |
"green-950": "#134227", | |
orange: "#f97316", | |
"orange-10": "#fffbf6", | |
"orange-50": "#FFF2E5", | |
"orange-100": "#FFE5CC", | |
"orange-200": "#FFD8B4", | |
"orange-300": "#FFB066", | |
"orange-400": "#FF9633", | |
"orange-500": "#FF7C00", | |
"orange-600": "#EE7400", | |
"orange-700": "#CE6400", | |
"orange-800": "#A45000", | |
"orange-900": "#5C2D00", | |
"orange-950": "#3C1F00", | |
yellow: "#eab308", | |
"yellow-10": "#FFFEF8", | |
"yellow-50": "#fffbeb", | |
"yellow-100": "#fff9c2", | |
"yellow-200": "#fef08a", | |
"yellow-300": "#fde047", | |
"yellow-400": "#facc15", | |
"yellow-500": "#eab308", | |
"yellow-600": "#ca8a04", | |
"yellow-700": "#a16207", | |
"yellow-800": "#854d0e", | |
"yellow-900": "#713f12", | |
"yellow-950": "#633112" | |
} | |
} | |
}; | |
}); | |