mirror of
https://github.com/hanzoai/next.js.git
synced 2026-09-24 17:00:51 +00:00
9c35f21f38
### What? This updates the `blog-starter` example to Next 14.1 App Router. ### Why? I checked out a new `blog-starter` project on Vercel and was surprised it was using the Pages Router. I believe the App Router is a better choice. ### How? I tried to keep the implementation logic as close to the original Pages `blog-starter`. --------- Co-authored-by: Sam Ko <[email protected]>
44 lines
1.0 KiB
TypeScript
44 lines
1.0 KiB
TypeScript
import type { Config } from "tailwindcss";
|
|
|
|
const config: Config = {
|
|
content: [
|
|
"./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
|
|
"./src/components/**/*.{js,ts,jsx,tsx,mdx}",
|
|
"./src/app/**/*.{js,ts,jsx,tsx,mdx}",
|
|
],
|
|
theme: {
|
|
extend: {
|
|
backgroundImage: {
|
|
"gradient-radial": "radial-gradient(var(--tw-gradient-stops))",
|
|
"gradient-conic":
|
|
"conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
|
|
},
|
|
colors: {
|
|
"accent-1": "#FAFAFA",
|
|
"accent-2": "#EAEAEA",
|
|
"accent-7": "#333",
|
|
success: "#0070f3",
|
|
cyan: "#79FFE1",
|
|
},
|
|
spacing: {
|
|
28: "7rem",
|
|
},
|
|
letterSpacing: {
|
|
tighter: "-.04em",
|
|
},
|
|
fontSize: {
|
|
"5xl": "2.5rem",
|
|
"6xl": "2.75rem",
|
|
"7xl": "4.5rem",
|
|
"8xl": "6.25rem",
|
|
},
|
|
boxShadow: {
|
|
sm: "0 5px 10px rgba(0, 0, 0, 0.12)",
|
|
md: "0 8px 30px rgba(0, 0, 0, 0.12)",
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
};
|
|
export default config;
|