mirror of https://github.com/usememos/memos
chore: upgrade tailwindcss to v4
Johnny
1 year ago
parent
a50253d311
commit
f5c64849d2
@ -1,17 +0,0 @@
|
||||
{
|
||||
"$schema": "https://ui.shadcn.com/schema.json",
|
||||
"style": "default",
|
||||
"rsc": false,
|
||||
"tsx": true,
|
||||
"tailwind": {
|
||||
"config": "tailwind.config.js",
|
||||
"css": "src/css/tailwind.css",
|
||||
"baseColor": "zinc",
|
||||
"cssVariables": true,
|
||||
"prefix": ""
|
||||
},
|
||||
"aliases": {
|
||||
"components": "@/components",
|
||||
"utils": "@/utils/utils"
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@ -1,7 +0,0 @@
|
||||
/* eslint-disable no-undef */
|
||||
module.exports = {
|
||||
plugins: {
|
||||
tailwindcss: {},
|
||||
autoprefixer: {},
|
||||
},
|
||||
};
|
||||
@ -1,59 +0,0 @@
|
||||
@import url("highlight.js/styles/github.css") (prefers-color-scheme: light);
|
||||
@import url("highlight.js/styles/github-dark.css") (prefers-color-scheme: dark);
|
||||
|
||||
@tailwind base;
|
||||
@tailwind components;
|
||||
@tailwind utilities;
|
||||
|
||||
@layer utilities {
|
||||
.hide-scrollbar {
|
||||
-ms-overflow-style: none; /* IE and Edge */
|
||||
scrollbar-width: none; /* Firefox */
|
||||
}
|
||||
|
||||
/* Chrome, Safari and Opera */
|
||||
.hide-scrollbar::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.word-break {
|
||||
overflow-wrap: anywhere;
|
||||
word-break: normal;
|
||||
}
|
||||
|
||||
/* Animation utilities for smooth transitions */
|
||||
.animate-fade-in {
|
||||
animation: fadeIn 0.3s ease-in-out;
|
||||
}
|
||||
|
||||
.animate-scale-in {
|
||||
animation: scaleIn 0.2s ease-out;
|
||||
}
|
||||
|
||||
@keyframes fadeIn {
|
||||
from {
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes scaleIn {
|
||||
from {
|
||||
transform: scale(0.95);
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
transform: scale(1);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
html.dark {
|
||||
color-scheme: dark;
|
||||
}
|
||||
html.light {
|
||||
color-scheme: light;
|
||||
}
|
||||
@ -0,0 +1,7 @@
|
||||
@import "tailwindcss";
|
||||
|
||||
@theme {
|
||||
--default-transition-duration: 150ms;
|
||||
}
|
||||
|
||||
@variant dark (&:is(.dark *));
|
||||
@ -1,49 +0,0 @@
|
||||
/* eslint-disable no-undef */
|
||||
/** @type {import('tailwindcss').Config} */
|
||||
module.exports = {
|
||||
darkMode: ["class"],
|
||||
content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
|
||||
prefix: "",
|
||||
theme: {
|
||||
extend: {
|
||||
colors: {
|
||||
primary: {
|
||||
DEFAULT: "#0d9488", // Teal 600
|
||||
dark: "#0f766e", // Teal 700
|
||||
darker: "#0d5a56", // Teal 800
|
||||
lighter: "#14b8a6", // Teal 500
|
||||
},
|
||||
success: {
|
||||
DEFAULT: "#16a34a", // Green 600
|
||||
dark: "#047857", // Green 700
|
||||
darker: "#03664a", // Green 800
|
||||
},
|
||||
danger: {
|
||||
DEFAULT: "#dc2626", // Red 600
|
||||
dark: "#b91c1c", // Red 700
|
||||
darker: "#991b1b", // Red 800
|
||||
},
|
||||
warning: {
|
||||
DEFAULT: "#ca8a04", // Yellow 600
|
||||
dark: "#b45309", // Yellow 700
|
||||
darker: "#92400e", // Yellow 800
|
||||
},
|
||||
},
|
||||
spacing: {
|
||||
128: "32rem",
|
||||
},
|
||||
zIndex: {
|
||||
1: "1",
|
||||
2: "2",
|
||||
20: "20",
|
||||
100: "100",
|
||||
1000: "1000",
|
||||
2000: "2000",
|
||||
},
|
||||
gridTemplateRows: {
|
||||
7: "repeat(7, minmax(0, 1fr))",
|
||||
},
|
||||
},
|
||||
},
|
||||
plugins: [require("tailwindcss-animate")],
|
||||
};
|
||||
Loading…
Reference in New Issue