+
Full Cross-Chain
Framework
diff --git a/tailwind.config.js b/tailwind.config.ts
similarity index 65%
rename from tailwind.config.js
rename to tailwind.config.ts
index 85fd53e..4c64c86 100644
--- a/tailwind.config.js
+++ b/tailwind.config.ts
@@ -1,3 +1,8 @@
+import defaultTheme from "tailwindcss/defaultTheme";
+
+import colors from "tailwindcss/colors";
+import { default as flattenColorPalette } from "tailwindcss/lib/util/flattenColorPalette";
+
/** @type {import('tailwindcss').Config} */
module.exports = {
darkMode: 'class',
@@ -48,14 +53,30 @@ module.exports = {
'0%': { opacity: '1' },
'100%': { opacity: '0' },
},
+ scroll: {
+ to: {
+ transform: "translate(calc(-50% - 0.5rem))",
+ },
+ },
},
animation: {
fadeIn: 'fadeIn 0.3s ease-in-out forwards',
fadeOut: 'fadeOut 0.3s ease-in-out forwards',
+ scroll: "scroll var(--animation-duration, 40s) var(--animation-direction, forwards) linear infinite",
},
},
},
- plugins: [],
+ plugins: [addVariablesForColors],
mode: 'jit',
}
+function addVariablesForColors({ addBase, theme }: any) {
+ let allColors = flattenColorPalette(theme("colors"));
+ let newVars = Object.fromEntries(
+ Object.entries(allColors).map(([key, val]) => [`--${key}`, val])
+ );
+
+ addBase({
+ ":root": newVars,
+ });
+}