Something went wrong. Try again.
a tool for shared writing and social publishing
Something went wrong. Try again.
leaflet tailwind.config.js
2.1 kB · 74 lines
JavaScript
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475module.exports = { content: ["./app/**/*.{ts,tsx}", "./components/**/*.{ts,tsx}"], theme: { screens: { sm: "640px", md: "960px", lg: "1280px", }, borderRadius: { none: "0", md: "0.25rem", lg: "0.5rem", full: "9999px", },
colors: { inherit: "inherit", transparent: "transparent", current: "currentColor",
//TEXT COLORS. primary: "rgb(var(--primary))", secondary: "color-mix(in oklab, rgb(var(--primary)), rgb(var(--bg-page)) 25%)", tertiary: "color-mix(in oklab, rgb(var(--primary)), rgb(var(--bg-page)) 55%)", border: "color-mix(in oklab, rgb(var(--primary)), rgb(var(--bg-page)) 75%)", "border-light": "color-mix(in oklab, rgb(var(--primary)), rgb(var(--bg-page)) 85%)",
white: "#FFFFFF",
//ACCENT COLORS "accent-1": "rgb(var(--accent-1))", "accent-2": "rgb(var(--accent-2))", "accent-contrast": "rgb(var(--accent-contrast))",
//BG COLORS (defined as css variables in global.css) "bg-leaflet": "rgb(var(--bg-leaflet))", "bg-page": "rgb(var(--bg-page))",
// HIGHLIGHT COLORS "highlight-1": "var(--highlight-1)", "highlight-2": "rgb(var(--highlight-2))", "highlight-3": "rgb(var(--highlight-3))",
//DO NOT USE IN PRODUCTION. Test colors to aid development, ie, setting bg color on element to see edges of div. DO. NOT. USE. IN. PRODUCTION test: "#E18181", "test-blue": "#48D1EF", }, fontSize: { xs: ".75rem", sm: ".875rem", base: "1rem", lg: "1.125rem", xl: "1.625rem", "2xl": "2rem", },
extend: { boxShadow: { sm: "0.9px 1.5px 1.7px -1.8px rgba(var(--primary), 0.2), 4.2px 6.9px 7.8px -3.5px rgba(var(--primary), 0.15);", md: "1.2px 2.5px 2.7px -1.8px rgba(var(--primary), 0.1), 5.6px 11.6px 12.5px -3.5px rgba(var(--primary), 0.15);", },
fontFamily: { sans: ["var(--font-quattro)"], serif: ["Garamond"], }, }, }, plugins: [],};