FilesExpand file tree

 main

/

tailwind.config.ts

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

103 lines (102 loc) · 2.78 KB

 main

/

tailwind.config.ts

Top

File metadata and controls

• Code
• Blame

103 lines (102 loc) · 2.78 KB

Raw

Copy raw file

Download raw file

Open symbols panel

Edit and raw actions

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

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

90

91

92

93

94

95

96

97

98

99

100

101

102

103

import type { Config } from "tailwindcss";

export default {

darkMode: ["class"],

content: [

"./pages/**/*.{ts,tsx}",

"./components/**/*.{ts,tsx}",

"./app/**/*.{ts,tsx}",

"./src/**/*.{ts,tsx}",

],

prefix: "",

theme: {

container: {

center: true,

padding: "2rem",

screens: {

"2xl": "1400px",

},

},

extend: {

colors: {

border: "hsl(var(--border))",

input: "hsl(var(--input))",

ring: "hsl(var(--ring))",

background: "hsl(var(--background))",

foreground: "hsl(var(--foreground))",

console: {

green: "#00FF41",

cyan: "#00F5FF",

purple: "#9D00FF",

dark: "#0A0E17",

},

primary: {

DEFAULT: "hsl(var(--primary))",

foreground: "hsl(var(--primary-foreground))",

},

secondary: {

DEFAULT: "hsl(var(--secondary))",

foreground: "hsl(var(--secondary-foreground))",

},

destructive: {

DEFAULT: "hsl(var(--destructive))",

foreground: "hsl(var(--destructive-foreground))",

},

muted: {

DEFAULT: "hsl(var(--muted))",

foreground: "hsl(var(--muted-foreground))",

},

accent: {

DEFAULT: "hsl(var(--accent))",

foreground: "hsl(var(--accent-foreground))",

},

popover: {

DEFAULT: "hsl(var(--popover))",

foreground: "hsl(var(--popover-foreground))",

},

card: {

DEFAULT: "hsl(var(--card))",

foreground: "hsl(var(--card-foreground))",

},

},

fontFamily: {

mono: ["IBM Plex Mono", "monospace"],

code: ["Source Code Pro", "monospace"],

},

keyframes: {

"accordion-down": {

from: { height: "0" },

to: { height: "var(--radix-accordion-content-height)" },

},

"accordion-up": {

from: { height: "var(--radix-accordion-content-height)" },

to: { height: "0" },

},

typing: {

"0%": { width: "0" },

"100%": { width: "100%" },

},

blink: {

"50%": { borderColor: "transparent" },

},

"matrix-fade": {

"0%": {

opacity: "0",

transform: "translateY(10px)"

},

"100%": {

opacity: "1",

transform: "translateY(0)"

}

}

},

animation: {

"accordion-down": "accordion-down 0.2s ease-out",

"accordion-up": "accordion-up 0.2s ease-out",

typing: "typing 3.5s steps(40, end)",

"cursor-blink": "blink 1s step-end infinite",

"matrix-fade": "matrix-fade 0.5s ease-out forwards",

},

},

},

plugins: [require("tailwindcss-animate")],

} satisfies Config;