FilesExpand file tree

main

/

tailwind.config.ts

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

80 lines (78 loc) · 2.17 KB

main

/

tailwind.config.ts

Copy path

Top

File metadata and controls

• Code
• Blame

80 lines (78 loc) · 2.17 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

import type { Config } from "tailwindcss";

const config = {

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))",

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))",

},

},

borderRadius: {

lg: "var(--radius)",

md: "calc(var(--radius) - 2px)",

sm: "calc(var(--radius) - 4px)",

},

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" },

},

},

animation: {

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

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

},

},

},

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

} satisfies Config;

export default config;