forked from tsedio/tsed-website
-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.preset.ts
57 lines (52 loc) · 1.64 KB
/
tailwind.preset.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
47
48
49
50
51
52
53
54
55
56
57
import type {Config} from "tailwindcss";
import colors from "tailwindcss/colors";
const primary = "hsla(208, 100%, 43%, 1)";
export const tailwindPreset: Partial<Config> = {
theme: {
colors: {
...colors,
blue: {
DEFAULT: primary,
default: primary,
50: "hsla(208, 100%, 91%, 1)",
100: "hsla(208, 100%, 83%, 1)",
200: "hsla(208, 100%, 75%, 1)",
300: "hsla(208, 100%, 67%, 1)",
400: "hsla(208, 100%, 59%, 1)",
500: "hsla(208, 100%, 51%, 1)",
600: primary,
700: "hsla(208, 100%, 35%, 1)",
800: "hsla(208, 100%, 27%, 1)",
900: "hsla(208, 100%, 19%, 1)",
active: "hsla(190, 81%, 42%, 1)"
},
// white: "hsla(0, 100%, 100%, 1)", // #ffffff
// "white-active": "hsla(190, 81%, 42%, 1)",
// "white-button": "hsla(0, 100%, 100%, 1)", // #ffffff
// "white-button-active": "hsla(0, 100%, 100%, 1)",
// code: "hsla(245, 17%, 29%, 1)",
// "code-active": "hsla(246, 17%, 25%, 1)",
// api
"api-default": "#507192"
// "gray-xxl": "#2c3e50",
// "line-even": "hsla(195, 22%, 96%, 1)",
},
extend: {
fontSize: {
micro: ".5rem", // 8px
xxs: ".625rem", // 10px
xs: ".75rem" // 12px
},
borderRadius: {
xs: ".15rem" // 5px
},
fontFamily: {
brand: ["Source Sans Pro", "sans-serif"],
sans: ["Source Sans Pro", "sans-serif"],
serif: ["Source Sans Pro", "sans-serif"],
inconsolata: ["Inconsolata"],
source: ["source-code-pro", "Menlo", "Monaco", "Consolas", "Courier New", "monospace"]
}
}
}
};