-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.ts
46 lines (40 loc) · 1.04 KB
/
tailwind.config.ts
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
import {type Config} from "tailwindcss";
import {fontFamily} from "tailwindcss/defaultTheme";
export default {
content: [
"./src/**/*.tsx",
"./app/**/*.tsx",
"./components/**/*.{js,ts,jsx,tsx}",
],
theme: {
extend: {
fontFamily: {
sans: ["var(--font-sans)", ...fontFamily.sans],
},
colors: {
nightmode: "#f70602",
},
//custom width
width: {
"1/7": "14.2857143%",
"2/7": "28.5714286%",
"3/7": "42.8571429%",
"4/7": "57.1428571%",
"5/7": "71.4285714%",
"6/7": "85.7142857%",
"128": "32rem",
"144": "36rem",
},
gridTemplateColumns: {
// Simple 16 column grid
"16": "repeat(16, minmax(0, 1fr))",
"12": "repeat(12, minmax(0, 1fr))",
"8": "repeat(8, minmax(0, 1fr))",
layout: "200px minmax(900px, 1fr) 100px",
// Complex site-specific column configuration
footer: "200px minmax(900px, 1fr) 100px",
},
},
},
plugins: [],
} satisfies Config;