-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
52 lines (50 loc) · 1.34 KB
/
tailwind.config.js
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
47
48
49
50
51
52
/** @type {import('tailwindcss').Config} */
const { fontFamily } = require("tailwindcss/defaultTheme");
module.exports = {
content: ["./app/**/*.{js,ts,jsx,tsx}", "./components/**/*.{js,ts,jsx,tsx}"],
theme: {
fontSize: {
sm: "0.8rem",
base: ["16px", "100px"],
xl: "1.25rem",
"2xl": "1.563rem",
"3xl": "1.953rem",
"4xl": "2.441rem",
"5xl": "3.052rem",
default: ["16px", "100px"],
},
extend: {
colors: {
// bgblack: "#151515",
// bgblack: "#2a2a2a",
// pblack: "#232323",
// sblack: "#2C2C2C",
bgblack: "#121212",
pblack: "#1e1e1e",
sblack: "#232323",
lblack: "#1a1a1c",
pwhite: "#FAFAFA",
softGray: "#E9EEF2",
softBlue: "#74BDE0",
darkBlue: "#1A3344",
navy: {
900: "#0b1437",
800: "#111c44",
700: "#1b254b",
600: "#24388a",
500: "#1b3bbb",
400: "#3652ba",
300: "#728fea",
200: "#a3b9f8",
100: "#aac0fe",
50: "#d0dcfb",
},
},
fontFamily: {
heading: ["var(--font-heading)", ...fontFamily.sans],
sat: ["var(--font-satoshi)", ...fontFamily.sans],
},
},
},
plugins: [require("tailwindcss-animate")],
};