drfeely.com/tailwind.config.js

82 lines
2 KiB
JavaScript
Raw Normal View History

2023-07-23 18:31:41 +00:00
const colors = require("tailwindcss/colors");
2023-07-23 14:44:58 +00:00
/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
2023-07-23 18:31:41 +00:00
"./pages/**/*.{js,ts,jsx,tsx,mdx}",
"./components/**/*.{js,ts,jsx,tsx,mdx}",
"./app/**/*.{js,ts,jsx,tsx,mdx}",
2023-07-23 14:44:58 +00:00
],
theme: {
extend: {
2023-09-05 17:34:41 +00:00
dropShadow: {
light: [
"0 1px 2px rgba(242, 248, 255, 0.2)",
"0 1px 1px rgba(242, 248, 255, 0.15)",
],
"blue-md": [
"0 4px 3px rgba(169, 184, 204, 0.07)",
"0 2px 2px rgba(169, 184, 204, 0.06)",
],
"blue-xl": [
"0 20px 13px rgba(169, 184, 204, 0.03)",
"0 8px 5px rgba(169, 184, 204, 0.08)",
],
},
2023-07-23 18:31:41 +00:00
colors: {
primary: {
500: "#202948",
300: "#A9B8CC",
2023-07-23 18:31:41 +00:00
100: "#F2F8FF",
},
secondary: {
500: "#CCA93F",
300: "#E0D2A6",
2023-07-23 18:31:41 +00:00
},
tertiary: {
400: colors.stone[400],
300: colors.stone[300],
},
},
fontFamily: {
abel: ["Abel", "sans-serif"],
cormorant: ["Cormorant", "serif"],
2023-07-23 14:44:58 +00:00
},
2023-07-23 22:26:35 +00:00
screens: {
2023-08-31 03:18:58 +00:00
lg: "1200px",
md: "975px",
2023-07-23 22:26:35 +00:00
},
keyframes: {
fadeIn: {
"0%": { opacity: "0" },
"100%": { opacity: "1" },
},
fadeOut: {
"0%": { opacity: "1" },
"100%": { opacity: "0" },
},
},
animation: {
fadeIn: "fadeIn 75ms ease-in",
fadeOut: "fadeOut 500ms ease-out",
},
2023-07-25 03:14:18 +00:00
boxShadow: {
superPortraitR: "75px 75px 250px 0px",
superPortraitL: "-75px 75px 250px 0px",
2023-07-25 03:14:18 +00:00
},
content: {
2023-08-31 03:18:58 +00:00
textAccent: "url('/content/text_accent.png')",
textAccent2: "url('/content/text_accent_2.png')",
quote: "url('/content/quote.png')",
textAccent3: "url('/content/text_accent_3.png')",
textAccent4: "url('/content/text_accent_4.png')",
2023-07-25 03:14:18 +00:00
},
2023-07-23 14:44:58 +00:00
},
},
plugins: [],
2023-08-30 22:56:17 +00:00
2023-07-23 22:26:35 +00:00
future: {
hoverOnlyWhenSupported: true,
},
2023-07-23 18:31:41 +00:00
};