Files
threetwo/tailwind.config.ts

46 lines
992 B
TypeScript

import { addDynamicIconSelectors } from "@iconify/tailwind";
/** @type {import('tailwindcss').Config} */
module.exports = {
content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
darkMode: "class",
theme: {
extend: {
colors: {
card: {
wanted: "#f2d98d",
delete: "#FFEBEE",
scraped: "#b8edbc",
uncompressed: "#FFF3E0",
imported: "#d8dab0",
missing: "#fee2e2",
info: "#cdd9eb",
},
},
},
fontFamily: {
sans: ["PP Object Sans Regular", "sans-serif"],
hasklig: ["Hasklig Regular", "monospace"],
},
container: {
center: true,
padding: {
DEFAULT: "1rem",
sm: "2rem",
lg: "4rem",
xl: "5rem",
"2xl": "6rem",
},
screens: {
sm: "640px",
md: "768px",
lg: "1024px",
xl: "1280px",
"2xl": "1280px",
},
},
},
plugins: [addDynamicIconSelectors()],
};