mirror of
https://github.com/makeplane/plane.git
synced 2026-07-12 13:29:56 +02:00
d787f9f79e
* [HACK-5] feat: de dupe implementation (#1600) * chore: plane ai icon added * chore: de-dupe services, constants and types added * chore: de-dupe constants and types updated * dev: de-dupe ui component added and implementation * chore: pi services and types updated * chore: useDebouncedDuplicateIssues hook added * chore: jsx to string helper function added * chore: useDebouncedDuplicateIssues implementation * chore-pi-color-variable * chore: pi service base url added * chore: pi endpoint updated * chore: pi endpoint updated * chore: pi endpoint updated * [HACK-5] chore: de dupe issue actions and code refactor (#1606) * chore: de-dupe action implementation and code refactoring * chore: code refactor * chore: pi color updated (#1608) * chore: structuring and UI components (#1596) * chore: structuring and UI components * fix: cleaning * fix: chat api integrations * fix: build issues * wip: pi editor * fix: integrated all apis * fix: integrational changes * fix: integrational changes * fix: build issues * fix: commented toolbar in history * fix: added streaming to pi messages * fix: scroll into view * chore: pi chat header and side panel improvements * fix: removed logs --------- Co-authored-by: Satish Gandham <satish.iitg@gmail.com> Co-authored-by: Anmol Singh Bhatia <anmolsinghbhatia@plane.so> * chore: pi chat history (#1615) * chore: structuring and UI components * fix: cleaning * fix: chat api integrations * fix: build issues * wip: pi editor * fix: integrated all apis * fix: integrational changes * fix: integrational changes * fix: build issues * fix: commented toolbar in history * fix: added streaming to pi messages * chore: pi chat header and side panel improvements * chore: pi chat history ui * chore: code refactor --------- Co-authored-by: gakshita <akshitagoyal1516@gmail.com> * Chore: pi improvement (#1619) * chore: de-dupe debounce time updated * chore: pi chat head title updated * chore: de-dupe button label and modal ux updated * fix: issue modal width * fix: pi-chat side panel * chore: added pi chat to side bar * chore: de-dupe modal --------- Co-authored-by: gakshita <akshitagoyal1516@gmail.com> * Fix build issue * chore: de-dupe modal theme (#1620) * fix: pi chat bug fixes and improvement (#1623) * fix: getAnswer error handling * fix: pi-chat layout and code refactor * fix: user message trim * chore: pi theme updated * chore: pi chat services update * chore: code refactor * chore: de-dupe modal transition added and height bug fixed (#1626) * chore: de dupe code splitting (#1628) * chore: code splitting * chore: code splitting * chore: code refactor * chore: code refactor * Fix: pi chat bug fixes and improvements (#1629) * fix: editor css + messages css * fix: submit on enter + mentions partial * fix: colors minor fixes * fix: build fixed * fix: enter key + editor css + shift key + feedback toast * fix: mentions dropdown untested * fix: css * fix: css * fix: build issues * fix: added latest conversation to history + layout fixing * fix: mentions key * fix: cn import in the pi editor * Fix build error * Fix pi chat api auth * chore: pi services endpoint updated * chore: code refactor * Fix floatin bot feature flag (#1651) * fix: floating bot + feature flagging * fix: minor fixes * fix: removed pi chat from community verison * fix: pi chat flag * chore de dupe flagging (#1657) * chore: de dupe feature flagging * chore: code refactor * chore: code refactor * chore: code refactor --------- Co-authored-by: Satish Gandham <satish.iitg@gmail.com> Co-authored-by: Pushya Mitra Thiruvooru <pushya@Pushyas-MacBook-Pro.local> Co-authored-by: Akshita Goyal <36129505+gakshita@users.noreply.github.com> Co-authored-by: gakshita <akshitagoyal1516@gmail.com>
477 lines
18 KiB
JavaScript
477 lines
18 KiB
JavaScript
const convertToRGB = (variableName) => `rgba(var(${variableName}))`;
|
|
const convertToRGBA = (variableName, alpha) =>
|
|
`rgba(var(${variableName}), ${alpha})`;
|
|
|
|
/** @type {import('tailwindcss').Config} */
|
|
module.exports = {
|
|
darkMode: "class",
|
|
content: {
|
|
relative: true,
|
|
files: [
|
|
"./app/**/*.{js,ts,jsx,tsx}",
|
|
"./core/**/*.{js,ts,jsx,tsx}",
|
|
"./ce/**/*.{js,ts,jsx,tsx}",
|
|
"./ee/**/*.{js,ts,jsx,tsx}",
|
|
"./components/**/*.tsx",
|
|
"./constants/**/*.{js,ts,jsx,tsx}",
|
|
"./layouts/**/*.tsx",
|
|
"./pages/**/*.tsx",
|
|
"./app/**/*.tsx",
|
|
"./ui/**/*.tsx",
|
|
"../packages/ui/src/**/*.{js,ts,jsx,tsx}",
|
|
"../packages/editor/src/**/*.{js,ts,jsx,tsx}",
|
|
"!../packages/ui/**/*.stories{js,ts,jsx,tsx}",
|
|
],
|
|
},
|
|
theme: {
|
|
extend: {
|
|
boxShadow: {
|
|
"custom-shadow": "var(--color-shadow-custom)",
|
|
"custom-shadow-2xs": "var(--color-shadow-2xs)",
|
|
"custom-shadow-xs": "var(--color-shadow-xs)",
|
|
"custom-shadow-sm": "var(--color-shadow-sm)",
|
|
"custom-shadow-rg": "var(--color-shadow-rg)",
|
|
"custom-shadow-md": "var(--color-shadow-md)",
|
|
"custom-shadow-lg": "var(--color-shadow-lg)",
|
|
"custom-shadow-xl": "var(--color-shadow-xl)",
|
|
"custom-shadow-2xl": "var(--color-shadow-2xl)",
|
|
"custom-shadow-3xl": "var(--color-shadow-3xl)",
|
|
"custom-shadow-4xl": "var(--color-shadow-4xl)",
|
|
"custom-sidebar-shadow-2xs": "var(--color-sidebar-shadow-2xs)",
|
|
"custom-sidebar-shadow-xs": "var(--color-sidebar-shadow-xs)",
|
|
"custom-sidebar-shadow-sm": "var(--color-sidebar-shadow-sm)",
|
|
"custom-sidebar-shadow-rg": "var(--color-sidebar-shadow-rg)",
|
|
"custom-sidebar-shadow-md": "var(--color-sidebar-shadow-md)",
|
|
"custom-sidebar-shadow-lg": "var(--color-sidebar-shadow-lg)",
|
|
"custom-sidebar-shadow-xl": "var(--color-sidebar-shadow-xl)",
|
|
"custom-sidebar-shadow-2xl": "var(--color-sidebar-shadow-2xl)",
|
|
"custom-sidebar-shadow-3xl": "var(--color-sidebar-shadow-3xl)",
|
|
"custom-sidebar-shadow-4xl": "var(--color-sidebar-shadow-4xl)",
|
|
"onboarding-shadow-sm": "var(--color-onboarding-shadow-sm)",
|
|
},
|
|
colors: {
|
|
pi: {
|
|
50: convertToRGB("--color-pi-50"),
|
|
100: convertToRGB("--color-pi-100"),
|
|
200: convertToRGB("--color-pi-200"),
|
|
300: convertToRGB("--color-pi-300"),
|
|
400: convertToRGB("--color-pi-400"),
|
|
500: convertToRGB("--color-pi-500"),
|
|
600: convertToRGB("--color-pi-600"),
|
|
700: convertToRGB("--color-pi-700"),
|
|
800: convertToRGB("--color-pi-800"),
|
|
900: convertToRGB("--color-pi-900"),
|
|
950: convertToRGB("--color-pi-950"),
|
|
},
|
|
custom: {
|
|
primary: {
|
|
0: "rgb(255, 255, 255)",
|
|
10: convertToRGB("--color-primary-10"),
|
|
20: convertToRGB("--color-primary-20"),
|
|
30: convertToRGB("--color-primary-30"),
|
|
40: convertToRGB("--color-primary-40"),
|
|
50: convertToRGB("--color-primary-50"),
|
|
60: convertToRGB("--color-primary-60"),
|
|
70: convertToRGB("--color-primary-70"),
|
|
80: convertToRGB("--color-primary-80"),
|
|
90: convertToRGB("--color-primary-90"),
|
|
100: convertToRGB("--color-primary-100"),
|
|
200: convertToRGB("--color-primary-200"),
|
|
300: convertToRGB("--color-primary-300"),
|
|
400: convertToRGB("--color-primary-400"),
|
|
500: convertToRGB("--color-primary-500"),
|
|
600: convertToRGB("--color-primary-600"),
|
|
700: convertToRGB("--color-primary-700"),
|
|
800: convertToRGB("--color-primary-800"),
|
|
900: convertToRGB("--color-primary-900"),
|
|
1000: "rgb(0, 0, 0)",
|
|
DEFAULT: convertToRGB("--color-primary-100"),
|
|
},
|
|
background: {
|
|
0: "rgb(255, 255, 255)",
|
|
10: convertToRGB("--color-background-10"),
|
|
20: convertToRGB("--color-background-20"),
|
|
30: convertToRGB("--color-background-30"),
|
|
40: convertToRGB("--color-background-40"),
|
|
50: convertToRGB("--color-background-50"),
|
|
60: convertToRGB("--color-background-60"),
|
|
70: convertToRGB("--color-background-70"),
|
|
80: convertToRGB("--color-background-80"),
|
|
90: convertToRGB("--color-background-90"),
|
|
100: convertToRGB("--color-background-100"),
|
|
200: convertToRGB("--color-background-200"),
|
|
300: convertToRGB("--color-background-300"),
|
|
400: convertToRGB("--color-background-400"),
|
|
500: convertToRGB("--color-background-500"),
|
|
600: convertToRGB("--color-background-600"),
|
|
700: convertToRGB("--color-background-700"),
|
|
800: convertToRGB("--color-background-800"),
|
|
900: convertToRGB("--color-background-900"),
|
|
1000: "rgb(0, 0, 0)",
|
|
overlay: convertToRGBA("--color-background-80", 0.95),
|
|
primary: convertToRGB(" --color-background-primary"),
|
|
error: convertToRGB(" --color-background-error"),
|
|
DEFAULT: convertToRGB("--color-background-100"),
|
|
},
|
|
text: {
|
|
0: "rgb(255, 255, 255)",
|
|
10: convertToRGB("--color-text-10"),
|
|
20: convertToRGB("--color-text-20"),
|
|
30: convertToRGB("--color-text-30"),
|
|
40: convertToRGB("--color-text-40"),
|
|
50: convertToRGB("--color-text-50"),
|
|
60: convertToRGB("--color-text-60"),
|
|
70: convertToRGB("--color-text-70"),
|
|
80: convertToRGB("--color-text-80"),
|
|
90: convertToRGB("--color-text-90"),
|
|
100: convertToRGB("--color-text-100"),
|
|
200: convertToRGB("--color-text-200"),
|
|
300: convertToRGB("--color-text-300"),
|
|
350: convertToRGB("--color-text-350"),
|
|
400: convertToRGB("--color-text-400"),
|
|
500: convertToRGB("--color-text-500"),
|
|
600: convertToRGB("--color-text-600"),
|
|
700: convertToRGB("--color-text-700"),
|
|
800: convertToRGB("--color-text-800"),
|
|
900: convertToRGB("--color-text-900"),
|
|
1000: "rgb(0, 0, 0)",
|
|
primary: convertToRGB("--color-text-primary"),
|
|
error: convertToRGB("--color-text-error"),
|
|
DEFAULT: convertToRGB("--color-text-100"),
|
|
},
|
|
border: {
|
|
0: "rgb(255, 255, 255)",
|
|
100: convertToRGB("--color-border-100"),
|
|
200: convertToRGB("--color-border-200"),
|
|
300: convertToRGB("--color-border-300"),
|
|
400: convertToRGB("--color-border-400"),
|
|
1000: "rgb(0, 0, 0)",
|
|
primary: convertToRGB("--color-border-primary"),
|
|
error: convertToRGB("--color-border-error"),
|
|
DEFAULT: convertToRGB("--color-border-200"),
|
|
},
|
|
error: {
|
|
10: convertToRGB("--color-error-10"),
|
|
20: convertToRGB("--color-error-20"),
|
|
30: convertToRGB("--color-error-30"),
|
|
100: convertToRGB("--color-error-100"),
|
|
200: convertToRGB("--color-error-200"),
|
|
500: convertToRGB("--color-error-500"),
|
|
},
|
|
sidebar: {
|
|
background: {
|
|
0: "rgb(255, 255, 255)",
|
|
10: convertToRGB("--color-sidebar-background-10"),
|
|
20: convertToRGB("--color-sidebar-background-20"),
|
|
30: convertToRGB("--color-sidebar-background-30"),
|
|
40: convertToRGB("--color-sidebar-background-40"),
|
|
50: convertToRGB("--color-sidebar-background-50"),
|
|
60: convertToRGB("--color-sidebar-background-60"),
|
|
70: convertToRGB("--color-sidebar-background-70"),
|
|
80: convertToRGB("--color-sidebar-background-80"),
|
|
90: convertToRGB("--color-sidebar-background-90"),
|
|
100: convertToRGB("--color-sidebar-background-100"),
|
|
200: convertToRGB("--color-sidebar-background-200"),
|
|
300: convertToRGB("--color-sidebar-background-300"),
|
|
400: convertToRGB("--color-sidebar-background-400"),
|
|
500: convertToRGB("--color-sidebar-background-500"),
|
|
600: convertToRGB("--color-sidebar-background-600"),
|
|
700: convertToRGB("--color-sidebar-background-700"),
|
|
800: convertToRGB("--color-sidebar-background-800"),
|
|
900: convertToRGB("--color-sidebar-background-900"),
|
|
1000: "rgb(0, 0, 0)",
|
|
DEFAULT: convertToRGB("--color-sidebar-background-100"),
|
|
},
|
|
text: {
|
|
0: "rgb(255, 255, 255)",
|
|
10: convertToRGB("--color-sidebar-text-10"),
|
|
20: convertToRGB("--color-sidebar-text-20"),
|
|
30: convertToRGB("--color-sidebar-text-30"),
|
|
40: convertToRGB("--color-sidebar-text-40"),
|
|
50: convertToRGB("--color-sidebar-text-50"),
|
|
60: convertToRGB("--color-sidebar-text-60"),
|
|
70: convertToRGB("--color-sidebar-text-70"),
|
|
80: convertToRGB("--color-sidebar-text-80"),
|
|
90: convertToRGB("--color-sidebar-text-90"),
|
|
100: convertToRGB("--color-sidebar-text-100"),
|
|
200: convertToRGB("--color-sidebar-text-200"),
|
|
300: convertToRGB("--color-sidebar-text-300"),
|
|
400: convertToRGB("--color-sidebar-text-400"),
|
|
500: convertToRGB("--color-sidebar-text-500"),
|
|
600: convertToRGB("--color-sidebar-text-600"),
|
|
700: convertToRGB("--color-sidebar-text-700"),
|
|
800: convertToRGB("--color-sidebar-text-800"),
|
|
900: convertToRGB("--color-sidebar-text-900"),
|
|
1000: "rgb(0, 0, 0)",
|
|
DEFAULT: convertToRGB("--color-sidebar-text-100"),
|
|
},
|
|
border: {
|
|
0: "rgb(255, 255, 255)",
|
|
100: convertToRGB("--color-sidebar-border-100"),
|
|
200: convertToRGB("--color-sidebar-border-200"),
|
|
300: convertToRGB("--color-sidebar-border-300"),
|
|
400: convertToRGB("--color-sidebar-border-400"),
|
|
1000: "rgb(0, 0, 0)",
|
|
DEFAULT: convertToRGB("--color-sidebar-border-200"),
|
|
},
|
|
},
|
|
backdrop: "rgba(0, 0, 0, 0.25)",
|
|
},
|
|
onboarding: {
|
|
background: {
|
|
100: convertToRGB("--color-onboarding-background-100"),
|
|
200: convertToRGB("--color-onboarding-background-200"),
|
|
300: convertToRGB("--color-onboarding-background-300"),
|
|
400: convertToRGB("--color-onboarding-background-400"),
|
|
},
|
|
text: {
|
|
100: convertToRGB("--color-onboarding-text-100"),
|
|
200: convertToRGB("--color-onboarding-text-200"),
|
|
300: convertToRGB("--color-onboarding-text-300"),
|
|
400: convertToRGB("--color-onboarding-text-400"),
|
|
},
|
|
border: {
|
|
100: convertToRGB("--color-onboarding-border-100"),
|
|
200: convertToRGB("--color-onboarding-border-200"),
|
|
300: convertToRGB("--color-onboarding-border-300"),
|
|
},
|
|
},
|
|
toast: {
|
|
text: {
|
|
success: convertToRGB("--color-toast-success-text"),
|
|
error: convertToRGB("--color-toast-error-text"),
|
|
warning: convertToRGB("--color-toast-warning-text"),
|
|
info: convertToRGB("--color-toast-info-text"),
|
|
loading: convertToRGB("--color-toast-loading-text"),
|
|
secondary: convertToRGB("--color-toast-secondary-text"),
|
|
tertiary: convertToRGB("--color-toast-tertiary-text"),
|
|
},
|
|
background: {
|
|
success: convertToRGB("--color-toast-success-background"),
|
|
error: convertToRGB("--color-toast-error-background"),
|
|
warning: convertToRGB("--color-toast-warning-background"),
|
|
info: convertToRGB("--color-toast-info-background"),
|
|
loading: convertToRGB("--color-toast-loading-background"),
|
|
},
|
|
border: {
|
|
success: convertToRGB("--color-toast-success-border"),
|
|
error: convertToRGB("--color-toast-error-border"),
|
|
warning: convertToRGB("--color-toast-warning-border"),
|
|
info: convertToRGB("--color-toast-info-border"),
|
|
loading: convertToRGB("--color-toast-loading-border"),
|
|
},
|
|
},
|
|
},
|
|
keyframes: {
|
|
leftToaster: {
|
|
"0%": { left: "-20rem" },
|
|
"100%": { left: "0" },
|
|
},
|
|
rightToaster: {
|
|
"0%": { right: "-20rem" },
|
|
"100%": { right: "0" },
|
|
},
|
|
"bar-loader": {
|
|
from: { left: "-100%" },
|
|
to: { left: "100%" },
|
|
},
|
|
},
|
|
typography: () => ({
|
|
brand: {
|
|
css: {
|
|
"--tw-prose-body": convertToRGB("--color-text-100"),
|
|
"--tw-prose-p": convertToRGB("--color-text-100"),
|
|
"--tw-prose-headings": convertToRGB("--color-text-100"),
|
|
"--tw-prose-lead": convertToRGB("--color-text-100"),
|
|
"--tw-prose-links": convertToRGB("--color-primary-100"),
|
|
"--tw-prose-bold": "inherit",
|
|
"--tw-prose-counters": convertToRGB("--color-text-100"),
|
|
"--tw-prose-bullets": convertToRGB("--color-text-100"),
|
|
"--tw-prose-hr": convertToRGB("--color-text-100"),
|
|
"--tw-prose-quotes": convertToRGB("--color-text-100"),
|
|
"--tw-prose-quote-borders": convertToRGB("--color-border-200"),
|
|
"--tw-prose-code": convertToRGB("--color-text-100"),
|
|
"--tw-prose-pre-code": convertToRGB("--color-text-100"),
|
|
"--tw-prose-pre-bg": convertToRGB("--color-background-100"),
|
|
"--tw-prose-th-borders": convertToRGB("--color-border-200"),
|
|
"--tw-prose-td-borders": convertToRGB("--color-border-200"),
|
|
},
|
|
},
|
|
}),
|
|
screens: {
|
|
"3xl": "1792px",
|
|
},
|
|
// scale down font sizes to 90% of default
|
|
fontSize: {
|
|
"2xs": "0.5625rem",
|
|
xs: "0.675rem",
|
|
sm: "0.7875rem",
|
|
base: "0.9rem",
|
|
lg: "1.0125rem",
|
|
xl: "1.125rem",
|
|
"2xl": "1.35rem",
|
|
"3xl": "1.6875rem",
|
|
"4xl": "2.25rem",
|
|
"5xl": "2.7rem",
|
|
"6xl": "3.375rem",
|
|
"7xl": "4.05rem",
|
|
"8xl": "5.4rem",
|
|
"9xl": "7.2rem",
|
|
},
|
|
// scale down spacing to 90% of default
|
|
padding: {
|
|
0: "0",
|
|
0.5: "0.1125rem",
|
|
1: "0.225rem",
|
|
1.5: "0.3375rem",
|
|
2: "0.45rem",
|
|
2.5: "0.5625rem",
|
|
3: "0.675rem",
|
|
3.5: "0.7875rem",
|
|
4: "0.9rem",
|
|
5: "1.125rem",
|
|
6: "1.35rem",
|
|
7: "1.575rem",
|
|
8: "1.8rem",
|
|
9: "2.025rem",
|
|
10: "2.25rem",
|
|
11: "2.475rem",
|
|
12: "2.7rem",
|
|
16: "3.6rem",
|
|
20: "4.5rem",
|
|
24: "5.4rem",
|
|
32: "7.2rem",
|
|
40: "9rem",
|
|
48: "10.8rem",
|
|
56: "12.6rem",
|
|
64: "14.4rem",
|
|
72: "16.2rem",
|
|
80: "18rem",
|
|
96: "21.6rem",
|
|
"page-x": "1.35rem",
|
|
"page-y": "1.35rem",
|
|
},
|
|
margin: {
|
|
0: "0",
|
|
0.5: "0.1125rem",
|
|
1: "0.225rem",
|
|
1.5: "0.3375rem",
|
|
2: "0.45rem",
|
|
2.5: "0.5625rem",
|
|
3: "0.675rem",
|
|
3.5: "0.7875rem",
|
|
4: "0.9rem",
|
|
5: "1.125rem",
|
|
6: "1.35rem",
|
|
7: "1.575rem",
|
|
8: "1.8rem",
|
|
9: "2.025rem",
|
|
10: "2.25rem",
|
|
11: "2.475rem",
|
|
12: "2.7rem",
|
|
16: "3.6rem",
|
|
20: "4.5rem",
|
|
24: "5.4rem",
|
|
32: "7.2rem",
|
|
40: "9rem",
|
|
48: "10.8rem",
|
|
56: "12.6rem",
|
|
64: "14.4rem",
|
|
72: "16.2rem",
|
|
80: "18rem",
|
|
96: "21.6rem",
|
|
},
|
|
space: {
|
|
0: "0",
|
|
0.5: "0.1125rem",
|
|
1: "0.225rem",
|
|
1.5: "0.3375rem",
|
|
2: "0.45rem",
|
|
2.5: "0.5625rem",
|
|
3: "0.675rem",
|
|
3.5: "0.7875rem",
|
|
4: "0.9rem",
|
|
5: "1.125rem",
|
|
6: "1.35rem",
|
|
7: "1.575rem",
|
|
8: "1.8rem",
|
|
9: "2.025rem",
|
|
10: "2.25rem",
|
|
11: "2.475rem",
|
|
12: "2.7rem",
|
|
16: "3.6rem",
|
|
20: "4.5rem",
|
|
24: "5.4rem",
|
|
32: "7.2rem",
|
|
40: "9rem",
|
|
48: "10.8rem",
|
|
56: "12.6rem",
|
|
64: "14.4rem",
|
|
72: "16.2rem",
|
|
80: "18rem",
|
|
96: "21.6rem",
|
|
},
|
|
gap: {
|
|
0: "0",
|
|
0.5: "0.1125rem",
|
|
1: "0.225rem",
|
|
1.5: "0.3375rem",
|
|
2: "0.45rem",
|
|
2.5: "0.5625rem",
|
|
3: "0.675rem",
|
|
3.5: "0.7875rem",
|
|
4: "0.9rem",
|
|
5: "1.125rem",
|
|
6: "1.35rem",
|
|
7: "1.575rem",
|
|
8: "1.8rem",
|
|
9: "2.025rem",
|
|
10: "2.25rem",
|
|
11: "2.475rem",
|
|
12: "2.7rem",
|
|
16: "3.6rem",
|
|
20: "4.5rem",
|
|
24: "5.4rem",
|
|
32: "7.2rem",
|
|
40: "9rem",
|
|
48: "10.8rem",
|
|
56: "12.6rem",
|
|
64: "14.4rem",
|
|
72: "16.2rem",
|
|
80: "18rem",
|
|
96: "21.6rem",
|
|
},
|
|
backgroundImage: {
|
|
"onboarding-gradient-100": "var( --gradient-onboarding-100)",
|
|
"onboarding-gradient-200": "var( --gradient-onboarding-200)",
|
|
"onboarding-gradient-300": "var( --gradient-onboarding-300)",
|
|
},
|
|
},
|
|
fontFamily: {
|
|
custom: ["Inter", "sans-serif"],
|
|
},
|
|
},
|
|
plugins: [
|
|
require("tailwindcss-animate"),
|
|
require("@tailwindcss/typography"),
|
|
function ({ addUtilities }) {
|
|
const newUtilities = {
|
|
// Mobile screens
|
|
".px-page-x": {
|
|
paddingLeft: "1.25rem",
|
|
paddingRight: "1.25rem",
|
|
},
|
|
// Medium screens (768px and up)
|
|
"@media (min-width: 768px)": {
|
|
".px-page-x": {
|
|
paddingLeft: "1.35rem",
|
|
paddingRight: "1.35rem",
|
|
},
|
|
},
|
|
};
|
|
|
|
addUtilities(newUtilities, ["responsive"]);
|
|
},
|
|
],
|
|
};
|