mirror of
https://github.com/lumehq/lume.git
synced 2025-03-26 17:51:51 +01:00
a4aef25adb
* feat: redesign * feat: update other columns to new design * chore: small fixes * fix: better manage external webview * feat: redesign note * feat: update ui * chore: update * chore: update * chore: polish ui * chore: update auth ui * feat: finalize note design * chore: small fixes * feat: add window management in rust * chore: format * feat: update ui for event screen * feat: update event screen * feat: final
57 lines
1.7 KiB
JavaScript
57 lines
1.7 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
|
|
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-gradient-mask-image"),
|
|
require("tailwind-scrollbar")({ nocompatible: true }),
|
|
],
|
|
};
|
|
|
|
export default config;
|