Hugging Face's logo

Spaces:
azils3
/
Tester
Runtime error

App Files Community
Mbonea commited on
Commit
dabfb88
•
1 Parent(s): 4f38fe0

removed tailwind animate

Browse files
Files changed (1) hide show
  1. Remotion-app/tailwind.config.js +95 -96
Remotion-app/tailwind.config.js CHANGED
@@ -1,98 +1,97 @@
1
  /** @type {import('tailwindcss').Config} */
2
  module.exports = {
3
- darkMode: ["class"],
4
- content: [
5
- './pages/**/*.{js,jsx}',
6
- './components/**/*.{js,jsx}',
7
- './app/**/*.{js,jsx}',
8
- './src/**/*.{js,jsx}',
9
- ],
10
- prefix: "",
11
- theme: {
12
- container: {
13
- center: true,
14
- padding: "2rem",
15
- screens: {
16
- "2xl": "1400px",
17
- },
18
- },
19
- backgroundImage: {
20
- "glow-lines":
21
- "linear-gradient(var(--direction),#9d9bf2 0.43%,#7877c6 14.11%,rgba(120,119,198,0) 62.95%)",
22
- },
23
- extend: {
24
- colors: {
25
- border: "hsl(var(--border))",
26
- input: "hsl(var(--input))",
27
- ring: "hsl(var(--ring))",
28
- background: "hsl(var(--background))",
29
- foreground: "hsl(var(--foreground))",
30
- primary: {
31
- DEFAULT: "hsl(var(--primary))",
32
- foreground: "hsl(var(--primary-foreground))",
33
- },
34
- secondary: {
35
- DEFAULT: "hsl(var(--secondary))",
36
- foreground: "hsl(var(--secondary-foreground))",
37
- },
38
- destructive: {
39
- DEFAULT: "hsl(var(--destructive))",
40
- foreground: "hsl(var(--destructive-foreground))",
41
- },
42
- muted: {
43
- DEFAULT: "hsl(var(--muted))",
44
- foreground: "hsl(var(--muted-foreground))",
45
- },
46
- accent: {
47
- DEFAULT: "hsl(var(--accent))",
48
- foreground: "hsl(var(--accent-foreground))",
49
- },
50
- popover: {
51
- DEFAULT: "hsl(var(--popover))",
52
- foreground: "hsl(var(--popover-foreground))",
53
- },
54
- card: {
55
- DEFAULT: "hsl(var(--card))",
56
- foreground: "hsl(var(--card-foreground))",
57
- },
58
- },
59
- borderRadius: {
60
- lg: "var(--radius)",
61
- md: "calc(var(--radius) - 2px)",
62
- sm: "calc(var(--radius) - 4px)",
63
- },
64
- keyframes: {
65
-
66
- "glow-line-horizontal": {
67
- "0%": { opacity: 0, transform: "translateX(0)" },
68
- "5%": { opacity: 1, transform: "translateX(0)" },
69
- "90%": { opacity: 1 },
70
- "100%": { opacity: 0, transform: "translateX(min(60vw, 45rem))" },
71
- },
72
- "glow-line-vertical": {
73
- "0%": { opacity: 0, transform: "translateY(0)" },
74
- "5%": { opacity: 1, transform: "translateY(0)" },
75
- "90%": { opacity: 1 },
76
- "100%": { opacity: 0, transform: "translateY(min(21vw, 45rem))" },
77
- },
78
- "accordion-down": {
79
- from: { height: "0" },
80
- to: { height: "var(--radix-accordion-content-height)" },
81
- },
82
- "accordion-up": {
83
- from: { height: "var(--radix-accordion-content-height)" },
84
- to: { height: "0" },
85
- },
86
- },
87
- animation: {
88
- "accordion-down": "accordion-down 0.2s ease-out",
89
- "accordion-up": "accordion-up 0.2s ease-out",
90
- "glow-line-horizontal":
91
- "glow-line-horizontal var(--animation-duration) ease-in forwards",
92
- "glow-line-vertical":
93
- "glow-line-vertical var(--animation-duration) ease-in forwards",
94
- },
95
- },
96
- },
97
- plugins: [require("tailwindcss-animate")],
98
- }
 
1
  /** @type {import('tailwindcss').Config} */
2
  module.exports = {
3
+ darkMode: ['class'],
4
+ content: [
5
+ './pages/**/*.{js,jsx}',
6
+ './components/**/*.{js,jsx}',
7
+ './app/**/*.{js,jsx}',
8
+ './src/**/*.{js,jsx}',
9
+ ],
10
+ prefix: '',
11
+ theme: {
12
+ container: {
13
+ center: true,
14
+ padding: '2rem',
15
+ screens: {
16
+ '2xl': '1400px',
17
+ },
18
+ },
19
+ backgroundImage: {
20
+ 'glow-lines':
21
+ 'linear-gradient(var(--direction),#9d9bf2 0.43%,#7877c6 14.11%,rgba(120,119,198,0) 62.95%)',
22
+ },
23
+ extend: {
24
+ colors: {
25
+ border: 'hsl(var(--border))',
26
+ input: 'hsl(var(--input))',
27
+ ring: 'hsl(var(--ring))',
28
+ background: 'hsl(var(--background))',
29
+ foreground: 'hsl(var(--foreground))',
30
+ primary: {
31
+ DEFAULT: 'hsl(var(--primary))',
32
+ foreground: 'hsl(var(--primary-foreground))',
33
+ },
34
+ secondary: {
35
+ DEFAULT: 'hsl(var(--secondary))',
36
+ foreground: 'hsl(var(--secondary-foreground))',
37
+ },
38
+ destructive: {
39
+ DEFAULT: 'hsl(var(--destructive))',
40
+ foreground: 'hsl(var(--destructive-foreground))',
41
+ },
42
+ muted: {
43
+ DEFAULT: 'hsl(var(--muted))',
44
+ foreground: 'hsl(var(--muted-foreground))',
45
+ },
46
+ accent: {
47
+ DEFAULT: 'hsl(var(--accent))',
48
+ foreground: 'hsl(var(--accent-foreground))',
49
+ },
50
+ popover: {
51
+ DEFAULT: 'hsl(var(--popover))',
52
+ foreground: 'hsl(var(--popover-foreground))',
53
+ },
54
+ card: {
55
+ DEFAULT: 'hsl(var(--card))',
56
+ foreground: 'hsl(var(--card-foreground))',
57
+ },
58
+ },
59
+ borderRadius: {
60
+ lg: 'var(--radius)',
61
+ md: 'calc(var(--radius) - 2px)',
62
+ sm: 'calc(var(--radius) - 4px)',
63
+ },
64
+ keyframes: {
65
+ 'glow-line-horizontal': {
66
+ '0%': {opacity: 0, transform: 'translateX(0)'},
67
+ '5%': {opacity: 1, transform: 'translateX(0)'},
68
+ '90%': {opacity: 1},
69
+ '100%': {opacity: 0, transform: 'translateX(min(60vw, 45rem))'},
70
+ },
71
+ 'glow-line-vertical': {
72
+ '0%': {opacity: 0, transform: 'translateY(0)'},
73
+ '5%': {opacity: 1, transform: 'translateY(0)'},
74
+ '90%': {opacity: 1},
75
+ '100%': {opacity: 0, transform: 'translateY(min(21vw, 45rem))'},
76
+ },
77
+ 'accordion-down': {
78
+ from: {height: '0'},
79
+ to: {height: 'var(--radix-accordion-content-height)'},
80
+ },
81
+ 'accordion-up': {
82
+ from: {height: 'var(--radix-accordion-content-height)'},
83
+ to: {height: '0'},
84
+ },
85
+ },
86
+ animation: {
87
+ 'accordion-down': 'accordion-down 0.2s ease-out',
88
+ 'accordion-up': 'accordion-up 0.2s ease-out',
89
+ 'glow-line-horizontal':
90
+ 'glow-line-horizontal var(--animation-duration) ease-in forwards',
91
+ 'glow-line-vertical':
92
+ 'glow-line-vertical var(--animation-duration) ease-in forwards',
93
+ },
94
+ },
95
+ },
96
+ // plugins: [require("tailwindcss-animate")],
97
+ };