chore: clean up
This commit is contained in:
@@ -16,6 +16,6 @@
|
||||
"tailwindcss": "^3.4.1"
|
||||
},
|
||||
"dependencies": {
|
||||
"@evilmartians/harmony": "^1.2.0"
|
||||
"tailwindcss-radix-colors": "^1.2.0"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,53 +1,51 @@
|
||||
import harmonyPalette from "@evilmartians/harmony/tailwind";
|
||||
|
||||
const config = {
|
||||
theme: {
|
||||
colors: harmonyPalette,
|
||||
extend: {
|
||||
keyframes: {
|
||||
slideDownAndFade: {
|
||||
from: { opacity: 0, transform: "translateY(-2px)" },
|
||||
to: { opacity: 1, transform: "translateY(0)" },
|
||||
},
|
||||
slideLeftAndFade: {
|
||||
from: { opacity: 0, transform: "translateX(2px)" },
|
||||
to: { opacity: 1, transform: "translateX(0)" },
|
||||
},
|
||||
slideUpAndFade: {
|
||||
from: { opacity: 0, transform: "translateY(2px)" },
|
||||
to: { opacity: 1, transform: "translateY(0)" },
|
||||
},
|
||||
slideRightAndFade: {
|
||||
from: { opacity: 0, transform: "translateX(-2px)" },
|
||||
to: { opacity: 1, transform: "translateX(0)" },
|
||||
},
|
||||
overlayShow: {
|
||||
from: { opacity: 0 },
|
||||
to: { opacity: 1 },
|
||||
},
|
||||
contentShow: {
|
||||
from: { opacity: 0, transform: "translate(-50%, -48%) scale(0.96)" },
|
||||
to: { opacity: 1, transform: "translate(-50%, -50%) scale(1)" },
|
||||
},
|
||||
},
|
||||
animation: {
|
||||
slideDownAndFade:
|
||||
"slideDownAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1)",
|
||||
slideLeftAndFade:
|
||||
"slideLeftAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1)",
|
||||
slideUpAndFade: "slideUpAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1)",
|
||||
slideRightAndFade:
|
||||
"slideRightAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1)",
|
||||
overlayShow: "overlayShow 150ms cubic-bezier(0.16, 1, 0.3, 1)",
|
||||
contentShow: "contentShow 150ms cubic-bezier(0.16, 1, 0.3, 1)",
|
||||
},
|
||||
},
|
||||
},
|
||||
plugins: [
|
||||
require("@tailwindcss/forms"),
|
||||
require("@tailwindcss/typography"),
|
||||
require("tailwind-scrollbar")({ nocompatible: true }),
|
||||
],
|
||||
theme: {
|
||||
extend: {
|
||||
keyframes: {
|
||||
slideDownAndFade: {
|
||||
from: { opacity: 0, transform: "translateY(-2px)" },
|
||||
to: { opacity: 1, transform: "translateY(0)" },
|
||||
},
|
||||
slideLeftAndFade: {
|
||||
from: { opacity: 0, transform: "translateX(2px)" },
|
||||
to: { opacity: 1, transform: "translateX(0)" },
|
||||
},
|
||||
slideUpAndFade: {
|
||||
from: { opacity: 0, transform: "translateY(2px)" },
|
||||
to: { opacity: 1, transform: "translateY(0)" },
|
||||
},
|
||||
slideRightAndFade: {
|
||||
from: { opacity: 0, transform: "translateX(-2px)" },
|
||||
to: { opacity: 1, transform: "translateX(0)" },
|
||||
},
|
||||
overlayShow: {
|
||||
from: { opacity: 0 },
|
||||
to: { opacity: 1 },
|
||||
},
|
||||
contentShow: {
|
||||
from: { opacity: 0, transform: "translate(-50%, -48%) scale(0.96)" },
|
||||
to: { opacity: 1, transform: "translate(-50%, -50%) scale(1)" },
|
||||
},
|
||||
},
|
||||
animation: {
|
||||
slideDownAndFade:
|
||||
"slideDownAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1)",
|
||||
slideLeftAndFade:
|
||||
"slideLeftAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1)",
|
||||
slideUpAndFade: "slideUpAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1)",
|
||||
slideRightAndFade:
|
||||
"slideRightAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1)",
|
||||
overlayShow: "overlayShow 150ms cubic-bezier(0.16, 1, 0.3, 1)",
|
||||
contentShow: "contentShow 150ms cubic-bezier(0.16, 1, 0.3, 1)",
|
||||
},
|
||||
},
|
||||
},
|
||||
plugins: [
|
||||
require("tailwindcss-radix-colors"),
|
||||
require("@tailwindcss/forms"),
|
||||
require("@tailwindcss/typography"),
|
||||
require("tailwind-scrollbar")({ nocompatible: true }),
|
||||
],
|
||||
};
|
||||
|
||||
export default config;
|
||||
|
||||
Reference in New Issue
Block a user