You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
138 lines
4.1 KiB
JavaScript
138 lines
4.1 KiB
JavaScript
// /** @type {import('tailwindcss').Config} */
|
|
// module.exports = {
|
|
// content: ["./docs/**/*.{js,jsx,ts,tsx}", "./docs.root.tsx", "./components/**/*.{js,jsx,ts,tsx}"],
|
|
// theme: {
|
|
// extend: {
|
|
// colors: require("tailwindcss/colors")
|
|
// }
|
|
// },
|
|
// plugins: [require("@tailwindcss/typography")]
|
|
// };
|
|
|
|
const theme = require("tailwindcss/defaultTheme");
|
|
|
|
module.exports = {
|
|
content: [
|
|
"./docs/**/*.{js,jsx,ts,tsx,md,mdx}",
|
|
"./docs.root.tsx",
|
|
"./components/**/*.{js,jsx,ts,tsx}"
|
|
],
|
|
mode: "jit",
|
|
darkMode: "class",
|
|
theme: {
|
|
extend: {
|
|
transitionProperty: {
|
|
composite: "transform, opacity"
|
|
},
|
|
zIndex: {
|
|
negative: -1
|
|
},
|
|
boxShadow: {
|
|
"top-2xl": "0 -25px 50px -12px rgba(0, 0, 0, 0.25)",
|
|
"even-md-light": "0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.2)",
|
|
"even-md-dark": "0 1px 3px rgba(0,0,0,0.15), 0 1px 2px rgba(0,0,0,0.3)"
|
|
},
|
|
transitionDuration: {
|
|
0: "0ms",
|
|
5000: "5000ms"
|
|
},
|
|
fontSize: {
|
|
xxs: ".55rem"
|
|
},
|
|
screens: {
|
|
"pointer-fine": {
|
|
raw: "(pointer: fine)"
|
|
}
|
|
},
|
|
colors: {
|
|
...require("tailwindcss/colors"),
|
|
primary: "#4483c1",
|
|
solid: {
|
|
default: "#2c4f7c",
|
|
darkbg: "#222222",
|
|
darkLighterBg: "#444444",
|
|
darkdefault: "#b8d7ff", //'#87b1e6',
|
|
darkgray: "#252525",
|
|
gray: "#414042",
|
|
mediumgray: "#9d9d9d",
|
|
lightgray: "#f3f5f7",
|
|
dark: "#07254A",
|
|
medium: "#446b9e",
|
|
light: "#4f88c6",
|
|
accent: "#0cdc73",
|
|
secondaccent: "#0dfc85"
|
|
}
|
|
},
|
|
typography: ({ theme }) => ({
|
|
DEFAULT: {
|
|
css: {
|
|
"--tw-prose-body": "#333",
|
|
"--tw-prose-invert-body": "#fff",
|
|
"--tw-prose-headings": theme("colors.solid.default"),
|
|
"--tw-prose-invert-headings": theme("colors.solid.darkdefault"),
|
|
"--tw-prose-invert-quote-borders": theme("colors.solid.mediumgray"),
|
|
// "--tw-prose-pre-bg": "transparent",
|
|
color: "var(--tw-prose-body)",
|
|
fontFamily: "Gordita",
|
|
"blockquote p:first-of-type::before": { content: "none" },
|
|
"blockquote p:first-of-type::after": { content: "none" },
|
|
"code::before": { content: "none" },
|
|
"code::after": { content: "none" },
|
|
h1: {
|
|
fontWeight: "600",
|
|
fontSize: "1.75rem",
|
|
borderBottom: "1px solid #e5e7eb",
|
|
paddingBottom: "1rem",
|
|
marginTop: "2rem",
|
|
color: "var(--tw-prose-headings)"
|
|
},
|
|
h2: {
|
|
fontWeight: "600",
|
|
borderBottom: "1px solid #e5e7eb",
|
|
paddingBottom: "1rem",
|
|
marginTop: "2rem",
|
|
color: "var(--tw-prose-headings)"
|
|
},
|
|
a: {
|
|
color: "#999",
|
|
textDecoration: "none",
|
|
"&:hover": {
|
|
color: "#2c4f7c"
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}),
|
|
backgroundImage: theme => ({
|
|
hero: "url('/src/assets/shapes/header.svg')",
|
|
"blocks-one": "url('/src/assets/shapes/blocks1.svg')",
|
|
"blocks-one-dark": "url('/src/assets/shapes/blocks1-dark.svg')",
|
|
"blocks-two": "url('/src/assets/shapes/blocks2.svg')",
|
|
"blocks-three": "url('/src/assets/shapes/blocks3.svg')",
|
|
doc: "linear-gradient(to left, #fff, #fff 50%, rgba(243, 244, 246) 10%)",
|
|
darkDoc: "linear-gradient(to left, #222222, #222222 50%, #444444 10%)",
|
|
translate: "url(/img/icons/translate2.svg)"
|
|
}),
|
|
backgroundSize: {
|
|
24: "1.5rem"
|
|
},
|
|
container: {
|
|
center: true
|
|
},
|
|
borderRadius: {
|
|
"6xl": "3.5rem"
|
|
},
|
|
fontFamily: {
|
|
display: ["Gordita", ...theme.fontFamily.sans],
|
|
body: ["Gordita", ...theme.fontFamily.sans]
|
|
}
|
|
}
|
|
},
|
|
variants: {
|
|
extend: {
|
|
backgroundColor: ["group-hover"]
|
|
}
|
|
},
|
|
plugins: [require("@tailwindcss/typography")]
|
|
};
|