-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtailwind.config.cjs
44 lines (42 loc) · 1.1 KB
/
tailwind.config.cjs
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
/** @type {import('tailwindcss').Config} */
const defaultTheme = require("tailwindcss/defaultTheme");
module.exports = {
content: ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"],
theme: {
extend: {
colors: {
"my-neutral": {
100: "hsl(0, 0%, 100%)",
200: "hsl(210, 4%, 67%)",
300: "hsl(232, 10%, 55%)",
400: "hsl(213, 9%, 39%)",
800: "hsl(212, 27%, 19%)",
},
"my-red": {
200: "hsl(7, 99%, 70%)",
},
"my-yellow": {
200: "hsl(51, 100%, 49%)",
},
"my-green": {
200: "hsl(167, 43%, 70%)",
300: "hsl(168, 34%, 41%)",
600: "hsl(167, 40%, 24%)",
},
"my-blue": {
600: "hsl(198, 62%, 26%)",
},
"my-sky": {
400: "hsl(200, 100%, 62%)",
},
},
fontFamily: {
barlow: ["Barlow", "sans-serif"],
fraunces: ["Fraunces", "serif"],
// Default font override
sans: ["Barlow", "sans-serif", ...defaultTheme.fontFamily.sans],
},
},
},
plugins: [],
};