Ma/LunaTV
1
0
Fork 0
mirror of https://github.com/MoonTechLab/LunaTV.git synced 2026-02-21 09:14:42 +08:00
Code Issues Packages Projects Releases Wiki Activity

Revert "feat: upgrade tailwindcss v4"

Browse Source
This commit is contained in:
senshinya
2025-07-20 01:00:26 +08:00
committed by GitHub
parent 3c507d62c0
commit ffc9c6decf
38 changed files with 1246 additions and 669 deletions
Download Patch File Download Diff File Expand all files Collapse all files

93
tailwind.config.ts
View File

@@ -1,85 +1,86 @@
import forms from "@tailwindcss/forms";
import type { Config } from 'tailwindcss';
import defaultTheme from 'tailwindcss/defaultTheme';
const config = {
darkMode: "class",
const config: Config = {
darkMode: 'class',
content: [
"./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
"./src/components/**/*.{js,ts,jsx,tsx,mdx}",
"./src/app/**/*.{js,ts,jsx,tsx,mdx}",
'./src/pages/**/*.{js,ts,jsx,tsx,mdx}',
'./src/components/**/*.{js,ts,jsx,tsx,mdx}',
'./src/app/**/*.{js,ts,jsx,tsx,mdx}',
],
theme: {
extend: {
screens: {
"mobile-landscape": {
raw: "(orientation: landscape) and (max-height: 700px)",
'mobile-landscape': {
raw: '(orientation: landscape) and (max-height: 700px)',
},
},
fontFamily: {
primary: ["Inter", "ui-sans-serif", "system-ui", "sans-serif"],
primary: ['Inter', ...defaultTheme.fontFamily.sans],
},
colors: {
primary: {
50: "#f0f9ff",
100: "#e0f2fe",
200: "#bae6fd",
300: "#7dd3fc",
400: "#38bdf8",
500: "#0ea5e9",
600: "#0284c7",
700: "#0369a1",
800: "#075985",
900: "#0c4a6e",
50: '#f0f9ff',
100: '#e0f2fe',
200: '#bae6fd',
300: '#7dd3fc',
400: '#38bdf8',
500: '#0ea5e9',
600: '#0284c7',
700: '#0369a1',
800: '#075985',
900: '#0c4a6e',
},
dark: "#222222",
dark: '#222222',
},
keyframes: {
flicker: {
"0%, 19.999%, 22%, 62.999%, 64%, 64.999%, 70%, 100%": {
opacity: "0.99",
'0%, 19.999%, 22%, 62.999%, 64%, 64.999%, 70%, 100%': {
opacity: '0.99',
filter:
"drop-shadow(0 0 1px rgba(252, 211, 77)) drop-shadow(0 0 15px rgba(245, 158, 11)) drop-shadow(0 0 1px rgba(252, 211, 77))",
'drop-shadow(0 0 1px rgba(252, 211, 77)) drop-shadow(0 0 15px rgba(245, 158, 11)) drop-shadow(0 0 1px rgba(252, 211, 77))',
},
"20%, 21.999%, 63%, 63.999%, 65%, 69.999%": {
opacity: "0.4",
filter: "none",
'20%, 21.999%, 63%, 63.999%, 65%, 69.999%': {
opacity: '0.4',
filter: 'none',
},
},
shimmer: {
"0%": {
backgroundPosition: "-700px 0",
'0%': {
backgroundPosition: '-700px 0',
},
"100%": {
backgroundPosition: "700px 0",
'100%': {
backgroundPosition: '700px 0',
},
},
fadeIn: {
"0%": { opacity: "0" },
"100%": { opacity: "1" },
'0%': { opacity: '0' },
'100%': { opacity: '1' },
},
slideUp: {
"0%": { transform: "translateY(10px)", opacity: "0" },
"100%": { transform: "translateY(0)", opacity: "1" },
'0%': { transform: 'translateY(10px)', opacity: '0' },
'100%': { transform: 'translateY(0)', opacity: '1' },
},
slideDown: {
"0%": { transform: "translateY(-10px)", opacity: "0" },
"100%": { transform: "translateY(0)", opacity: "1" },
'0%': { transform: 'translateY(-10px)', opacity: '0' },
'100%': { transform: 'translateY(0)', opacity: '1' },
},
},
animation: {
flicker: "flicker 3s linear infinite",
shimmer: "shimmer 1.3s linear infinite",
"fade-in": "fadeIn 0.3s ease-in-out",
"slide-up": "slideUp 0.3s ease-in-out",
"slide-down": "slideDown 0.3s ease-in-out",
flicker: 'flicker 3s linear infinite',
shimmer: 'shimmer 1.3s linear infinite',
'fade-in': 'fadeIn 0.3s ease-in-out',
'slide-up': 'slideUp 0.3s ease-in-out',
'slide-down': 'slideDown 0.3s ease-in-out',
},
backgroundImage: {
"gradient-radial": "radial-gradient(var(--tw-gradient-stops))",
"gradient-conic":
"conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
'gradient-conic':
'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))',
},
},
},
plugins: [forms],
};
plugins: [require('@tailwindcss/forms')],
} satisfies Config;
export default config;