Files
formbricks/packages/tailwind-config/tailwind.config.js
T
Anshuman Pandey 46b7183161 Improve Tag feature with better error handling and animations (#449)
* fix: adds animation on duplicate tag

* fix: fixes error data flow

* fix: fixes tag getting animated on all errors

* fix: changes icon to heroicons

* fix: fixes error being thrown when adding duplicate tag

* fix: fixes responses not getting refetched
2023-06-30 17:40:25 +02:00

69 lines
1.6 KiB
JavaScript

module.exports = {
content: [
// app content
"./app/**/*.{js,ts,jsx,tsx}", // Note the addition of the `app` directory.
"./pages/**/*.{js,ts,jsx,tsx}",
"./components/**/*.{js,ts,jsx,tsx}",
"./lib/**/*.{js,ts,jsx,tsx}",
// include packages if not transpiling
"../../packages/ui/components/**/*.{js,ts,jsx,tsx}",
],
theme: {
extend: {
animation: {
"ping-slow": "ping 2s cubic-bezier(0, 0, 0.2, 1) infinite",
shake: "shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both",
},
backgroundImage: {
"gradient-radial": "radial-gradient(var(--tw-gradient-stops))",
},
colors: {
brand: {
DEFAULT: "#00E6CA",
light: "#00E6CA",
dark: "#00C4B8",
},
black: {
DEFAULT: "#0F172A",
},
},
keyframes: {
fadeIn: {
"0%": { opacity: "0" },
"100%": { opacity: "1" },
},
shake: {
"10%, 90%": {
transform: "translate3d(-1px, 0, 0)",
},
"20%, 80%": {
transform: "translate3d(2px, 0, 0),",
},
"30%, 50%, 70%": {
transform: "translate3d(-4px, 0, 0)",
},
"40%, 60%": {
transform: "translate3d(4px, 0, 0)",
},
},
},
maxWidth: {
"8xl": "88rem",
},
screens: {
xs: "430px",
},
scale: {
97: "0.97",
},
gridTemplateColumns: {
20: "repeat(20, minmax(0, 1fr))",
},
},
},
plugins: [require("@tailwindcss/forms"), require("@tailwindcss/typography")],
};