diff --git a/apps/nextjs/package.json b/apps/nextjs/package.json index a8a6942..02146bf 100644 --- a/apps/nextjs/package.json +++ b/apps/nextjs/package.json @@ -38,7 +38,7 @@ "dotenv-cli": "^7.2.1", "eslint": "^8.38.0", "postcss": "^8.4.22", - "tailwindcss": "^3.3.1", + "tailwindcss": "^3.4.10", "typescript": "^5.0.4" } } diff --git a/package.json b/package.json index eb0c6d0..7aa3a3c 100644 --- a/package.json +++ b/package.json @@ -38,6 +38,7 @@ "prettier-plugin-prisma": "^4.10.0", "prettier-plugin-tailwindcss": "^0.6.6", "side-ui": "^0.15.1", + "tailwindcss-animated": "^1.1.2", "tailwindcss-scrollbar": "^0.1.0", "turbo": "^2.1.2", "typescript": "^5.0.4" diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 13b1b33..6c30d00 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -47,9 +47,12 @@ importers: side-ui: specifier: ^0.15.1 version: 0.15.1(react-dom@18.2.0)(react@18.2.0)(typescript@5.1.3) + tailwindcss-animated: + specifier: ^1.1.2 + version: 1.1.2(tailwindcss@3.4.12) tailwindcss-scrollbar: specifier: ^0.1.0 - version: 0.1.0(tailwindcss@3.3.2) + version: 0.1.0(tailwindcss@3.4.12) turbo: specifier: ^2.1.2 version: 2.1.2 @@ -127,8 +130,8 @@ importers: specifier: ^8.4.22 version: 8.4.24 tailwindcss: - specifier: ^3.3.1 - version: 3.3.2(ts-node@10.9.1) + specifier: ^3.4.10 + version: 3.4.12(ts-node@10.9.1) typescript: specifier: ^5.0.4 version: 5.1.3 @@ -2525,6 +2528,7 @@ packages: glob-parent: 5.1.2 merge2: 1.4.1 micromatch: 4.0.5 + dev: false /fast-glob@3.3.2: resolution: {integrity: sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==} @@ -2535,7 +2539,6 @@ packages: glob-parent: 5.1.2 merge2: 1.4.1 micromatch: 4.0.5 - dev: false /fast-json-stable-stringify@2.1.0: resolution: {integrity: sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==} @@ -2704,6 +2707,7 @@ packages: /glob@7.1.6: resolution: {integrity: sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==} + deprecated: Glob versions prior to v9 are no longer supported dependencies: fs.realpath: 1.0.0 inflight: 1.0.6 @@ -3155,8 +3159,8 @@ packages: resolution: {integrity: sha512-nO6jcEfZWQXDhOiBtG2KvKyEptz7RVbpGP4vTD2hLBdmNQSsCiicO2Ioinv6UI4y9ukqnBpy+XZ9H6uLNgJTlw==} dev: false - /jiti@1.18.2: - resolution: {integrity: sha512-QAdOptna2NYiSSpv0O/BwoHBSmz4YhpzJHyi+fnMRTXFjp7B8i/YG5Z8IfusxB1ufjcD2Sre1F3R+nX3fvy7gg==} + /jiti@1.21.6: + resolution: {integrity: sha512-2yTgeWTWzMWkHu6Jp9NKgePDaYHbntiwvYuuJLbbN9vl7DC9DvXKOB2BC3ZZ92D3cvV/aflH0osDfwpHepQ53w==} hasBin: true /jju@1.4.0: @@ -4925,16 +4929,24 @@ packages: resolution: {integrity: sha512-3mFKyCo/MBcgyOTlrY8T7odzZFx+w+qKSMAmdFzRvqBfLlSigU6TZnlFHK0lkMwj9Bj8OYU+9yW9lmGuS0QEnQ==} dev: false - /tailwindcss-scrollbar@0.1.0(tailwindcss@3.3.2): + /tailwindcss-animated@1.1.2(tailwindcss@3.4.12): + resolution: {integrity: sha512-SI4owS5ojserhgEYIZA/uFVdNjU2GMB2P3sjtjmFA52VxoUi+Hht6oR5+RdT+CxrX9cNNYEa+vbTWHvN9zbj3w==} + peerDependencies: + tailwindcss: '>=3.1.0' + dependencies: + tailwindcss: 3.4.12(ts-node@10.9.1) + dev: false + + /tailwindcss-scrollbar@0.1.0(tailwindcss@3.4.12): resolution: {integrity: sha512-egipxw4ooQDh94x02XQpPck0P0sfwazwoUGfA9SedPATIuYDR+6qe8d31Gl7YsSMRiOKDkkqfI0kBvEw9lT/Hg==} peerDependencies: tailwindcss: '>= 2.x.x' dependencies: - tailwindcss: 3.3.2(ts-node@10.9.1) + tailwindcss: 3.4.12(ts-node@10.9.1) dev: false - /tailwindcss@3.3.2(ts-node@10.9.1): - resolution: {integrity: sha512-9jPkMiIBXvPc2KywkraqsUfbfj+dHDb+JPWtSJa9MLFdrPyazI7q6WX2sUrm7R9eVR7qqv3Pas7EvQFzxKnI6w==} + /tailwindcss@3.4.12(ts-node@10.9.1): + resolution: {integrity: sha512-Htf/gHj2+soPb9UayUNci/Ja3d8pTmu9ONTfh4QY8r3MATTZOzmv6UYWF7ZwikEIC8okpfqmGqrmDehua8mF8w==} engines: {node: '>=14.0.0'} hasBin: true dependencies: @@ -4943,10 +4955,10 @@ packages: chokidar: 3.5.3 didyoumean: 1.2.2 dlv: 1.1.3 - fast-glob: 3.2.12 + fast-glob: 3.3.2 glob-parent: 6.0.2 is-glob: 4.0.3 - jiti: 1.18.2 + jiti: 1.21.6 lilconfig: 2.1.0 micromatch: 4.0.5 normalize-path: 3.0.0 @@ -4958,7 +4970,6 @@ packages: postcss-load-config: 4.0.1(postcss@8.4.24)(ts-node@10.9.1) postcss-nested: 6.0.1(postcss@8.4.24) postcss-selector-parser: 6.0.13 - postcss-value-parser: 4.2.0 resolve: 1.22.2 sucrase: 3.32.0 transitivePeerDependencies: diff --git a/tailwind.config.js b/tailwind.config.js index 45090c9..8e70ed7 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -1,12 +1,42 @@ -/** - * @type {import('tailwindcss').Config} - */ - +/** @type {import('tailwindcss').Config} */ module.exports = { content: ['./src/**/*.tsx', '../../node_modules/side-ui/**/*.{js,jsx,ts,tsx}'], + presets: [require('./node_modules/side-ui/dist/tailwind.config')], theme: { - extend: {}, + extend: { + animationDelay: { + 400: '400ms', + 600: '600ms', + 800: '800ms', + '3s': '3s', + '5s': '5s', + '10s': '10s', + '15s': '15s', + '20s': '20s', + }, + animationDuration: { + 400: '400ms', + 600: '600ms', + 800: '800ms', + '3s': '3s', + '5s': '5s', + '10s': '10s', + '15s': '15s', + '20s': '20s', + }, + fontSize: { + 'fluid-base': 'clamp(0.75rem, 2vw, 1rem)', + 'fluid-lg': 'clamp(1rem, 4vw, 1.5rem)', + 'fluid-xl': 'clamp(1.5rem, 6vw, 2.5rem)', + 'fluid-2xl': 'clamp(2rem, 9vw, 3.5rem)', + }, + screens: { + '3xs': '240px', + '2xs': '360px', + xs: '480px', + }, + }, }, - presets: [require('./node_modules/side-ui/dist/tailwind.config')], - plugins: [require('tailwindcss-scrollbar')], + + plugins: [require('tailwindcss-scrollbar'), require('tailwindcss-animated')], };