mirror of
https://github.com/IliesAllali/parenthese.git
synced 2026-11-06 23:32:08 +00:00
Tailwind 4 : app et landing, rien ne bouge à l'écran (#165)
* Tailwind 4 (app) : plugin Vite, remise à zéro de la v3 gardée (main sur les boutons, placeholder, bordure grise), thème et utilitaires inutilisés retirés Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> * Tailwind 4 (landing) : plugin Vite comme l'app, remise à zéro de la v3 gardée, thème inutilisé retiré ; marge gauche du graphe du hero retirée, écrasée par lg:mx-0 en v3 et devenue visible en v4 Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> --------- Co-authored-by: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
IliesAllaliandClaude Opus 5.5 authored and GitHub committed
1 parent
1af0e6842e
commit
3aad835908
12 files changed
+1208
-1921
No files matched your search
Generated
+584
-809
File diff suppressed because it is too large.
Load diff
@@ -20,20 +20,16 @@
|
||||
},
|
||||
"devDependencies": {
|
||||
"@eslint/js": "^10.0.1",
|
||||
"@tailwindcss/vite": "^4.3.3",
|
||||
"@types/react": "^19.3.0",
|
||||
"@types/react-dom": "^19.3.0",
|
||||
"@vitejs/plugin-react": "^6.1.2",
|
||||
"autoprefixer": "^10.6.1",
|
||||
"eslint": "^10.13.0",
|
||||
"eslint-plugin-react-hooks": "^7.1.1",
|
||||
"eslint-plugin-react-refresh": "^0.5.7",
|
||||
"globals": "^17.13.0",
|
||||
"postcss": "^8.5.31",
|
||||
"tailwindcss": "^3.4.19",
|
||||
"tailwindcss": "^4.3.3",
|
||||
"vite": "^8.3.4",
|
||||
"vitest": "^5.0.5"
|
||||
},
|
||||
"overrides": {
|
||||
"postcss-selector-parser": "^7.1.6"
|
||||
}
|
||||
}
|
||||
@@ -1,6 +0,0 @@
|
||||
export default {
|
||||
plugins: {
|
||||
tailwindcss: {},
|
||||
autoprefixer: {},
|
||||
},
|
||||
}
|
||||
+15
-13
@@ -1,8 +1,20 @@
|
||||
@tailwind base;
|
||||
@tailwind components;
|
||||
@tailwind utilities;
|
||||
@import "tailwindcss";
|
||||
|
||||
@layer base {
|
||||
/* Ce que faisait la remise à zéro de Tailwind 3 et que la 4 ne fait plus : main sur les boutons, placeholder gris,
|
||||
bordure grise quand une règle donne une largeur ou un style sans couleur */
|
||||
*, ::after, ::before, ::backdrop, ::file-selector-button {
|
||||
border-color: #e5e7eb;
|
||||
}
|
||||
|
||||
button:not(:disabled), [role="button"]:not(:disabled) {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
input::placeholder, textarea::placeholder {
|
||||
color: #9ca3af;
|
||||
}
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
@@ -38,13 +50,3 @@
|
||||
font-family: 'DM Sans', system-ui, sans-serif;
|
||||
}
|
||||
}
|
||||
|
||||
@layer utilities {
|
||||
.text-cosmos-cream {
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.bg-cosmos-black {
|
||||
background-color: #2A2622;
|
||||
}
|
||||
}
|
||||
@@ -1,47 +0,0 @@
|
||||
/** @type {import('tailwindcss').Config} */
|
||||
export default {
|
||||
content: [
|
||||
"./index.html",
|
||||
"./src/**/*.{js,ts,jsx,tsx}",
|
||||
],
|
||||
theme: {
|
||||
extend: {
|
||||
colors: {
|
||||
cosmos: {
|
||||
black: '#2A2622',
|
||||
cream: '#FFFFFF',
|
||||
brown: '#2A2622',
|
||||
gold: '#93402A',
|
||||
surface: '#F2EFEA',
|
||||
yellow: '#F8E4DB',
|
||||
}
|
||||
},
|
||||
fontFamily: {
|
||||
'bradford': ['Newsreader', 'Georgia', 'Times New Roman', 'serif'],
|
||||
'mono': ['DM Sans', 'system-ui', 'sans-serif'],
|
||||
'segoe': ['Segoe UI', 'system-ui', 'sans-serif'],
|
||||
},
|
||||
spacing: {
|
||||
'20fx': '0.44rem',
|
||||
'30fx': '0.67rem',
|
||||
'40fx': '1rem',
|
||||
'50fx': '1.5rem',
|
||||
'60fx': '2.25rem',
|
||||
'70fx': '3.38rem',
|
||||
'90fx': '5rem',
|
||||
'120fx': '7rem',
|
||||
},
|
||||
borderRadius: {
|
||||
'5fx': '5px',
|
||||
'8fx': '8px',
|
||||
'pill': '50px',
|
||||
},
|
||||
boxShadow: {
|
||||
'diffuse': '0 2px 24px rgba(42,38,34,0.12)',
|
||||
'soft': '0 3px 12px rgba(42,38,34,0.10)',
|
||||
'glow': '0 0 12px rgba(147,64,42,0.20)',
|
||||
}
|
||||
},
|
||||
},
|
||||
plugins: [],
|
||||
}
|
||||
@@ -1,5 +1,6 @@
|
||||
import { defineConfig, loadEnv } from 'vite'
|
||||
import react from '@vitejs/plugin-react'
|
||||
import tailwindcss from '@tailwindcss/vite'
|
||||
|
||||
// https://vite.dev/config/
|
||||
export default defineConfig(({ mode }) => {
|
||||
@@ -20,7 +21,7 @@ export default defineConfig(({ mode }) => {
|
||||
: undefined
|
||||
|
||||
return {
|
||||
plugins: [react()],
|
||||
plugins: [react(), tailwindcss()],
|
||||
server: { proxy },
|
||||
// Mêmes navigateurs qu'avec Vite 7 : Vite 8 relève sa cible par défaut (Safari 16.4, Chrome 111),
|
||||
// et la famille ouvre souvent l'arbre sur un vieil iPad ou un ancien téléphone
|
||||
|
||||
Generated
+582
-989
File diff suppressed because it is too large.
Load diff
@@ -15,13 +15,9 @@
|
||||
"react-dom": "^19.3.1"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@tailwindcss/vite": "^4.3.3",
|
||||
"@vitejs/plugin-react": "^6.1.2",
|
||||
"autoprefixer": "^10.6.1",
|
||||
"postcss": "^8.5.31",
|
||||
"tailwindcss": "^3.4.19",
|
||||
"tailwindcss": "^4.3.3",
|
||||
"vite": "^8.3.4"
|
||||
},
|
||||
"overrides": {
|
||||
"postcss-selector-parser": "^7.1.6"
|
||||
}
|
||||
}
|
||||
@@ -1,6 +0,0 @@
|
||||
export default {
|
||||
plugins: {
|
||||
tailwindcss: {},
|
||||
autoprefixer: {},
|
||||
},
|
||||
}
|
||||
+19
-5
@@ -1,6 +1,20 @@
|
||||
@tailwind base;
|
||||
@tailwind components;
|
||||
@tailwind utilities;
|
||||
@import "tailwindcss";
|
||||
|
||||
@layer base {
|
||||
/* Ce que faisait la remise à zéro de Tailwind 3 et que la 4 ne fait plus : main sur les boutons, placeholder gris,
|
||||
bordure grise quand une règle donne une largeur ou un style sans couleur */
|
||||
*, ::after, ::before, ::backdrop, ::file-selector-button {
|
||||
border-color: #e5e7eb;
|
||||
}
|
||||
|
||||
button:not(:disabled), [role="button"]:not(:disabled) {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
input::placeholder, textarea::placeholder {
|
||||
color: #9ca3af;
|
||||
}
|
||||
}
|
||||
|
||||
/* ─── Tokens, accent terracotta (validé le 24/09/2026), clair uniquement ─── */
|
||||
:root {
|
||||
@@ -112,9 +126,9 @@ html.logo-intro .lk-nom { animation: lk-nom 700ms var(--ease-out) 380ms both; }
|
||||
.hero-txt { display: grid; gap: 24px; justify-items: start; }
|
||||
.hero-txt .t-d1 { max-width: 17ch; font-size: clamp(40px, 4.6vw, 64px); line-height: 1.04; }
|
||||
.hero-txt .lede { max-width: 44ch; }
|
||||
/* Le visuel du hero gagne un peu de place sur la gouttière et la marge droite (80px au plus, 24px de garde pour la barre de défilement) */
|
||||
/* Le visuel du hero gagne un peu de place sur la marge droite (80px au plus, 24px de garde pour la barre de défilement) */
|
||||
@media (min-width: 1024px) {
|
||||
.hero-graph { max-width: none; margin-left: -40px; width: calc(100% + 40px + min(80px, var(--gut) + max(0px, (100vw - 1200px) / 2) - 24px)); }
|
||||
.hero-graph { max-width: none; width: calc(100% + 40px + min(80px, var(--gut) + max(0px, (100vw - 1200px) / 2) - 24px)); }
|
||||
}
|
||||
.ctas { display: flex; gap: 10px; flex-wrap: wrap; }
|
||||
|
||||
|
||||
@@ -1,32 +0,0 @@
|
||||
/** @type {import('tailwindcss').Config} */
|
||||
export default {
|
||||
content: [
|
||||
'./index.html',
|
||||
'./src/**/*.{js,jsx}',
|
||||
],
|
||||
theme: {
|
||||
extend: {
|
||||
spacing: {
|
||||
'20fx': '0.44rem',
|
||||
'30fx': '0.67rem',
|
||||
'40fx': '1rem',
|
||||
'50fx': '1.5rem',
|
||||
'60fx': '2.25rem',
|
||||
'70fx': '3.38rem',
|
||||
'90fx': '5rem',
|
||||
'120fx': '7rem',
|
||||
},
|
||||
borderRadius: {
|
||||
'5fx': '5px',
|
||||
'8fx': '8px',
|
||||
'pill': '50px',
|
||||
},
|
||||
boxShadow: {
|
||||
diffuse: '0 2px 24px rgba(93,82,75,0.12)',
|
||||
soft: '0 3px 12px rgba(0,0,0,0.10)',
|
||||
glow: '0 0 12px rgba(166,124,82,0.20)',
|
||||
},
|
||||
},
|
||||
},
|
||||
plugins: [],
|
||||
}
|
||||
@@ -1,8 +1,9 @@
|
||||
import { defineConfig } from 'vite'
|
||||
import react from '@vitejs/plugin-react'
|
||||
import tailwindcss from '@tailwindcss/vite'
|
||||
|
||||
export default defineConfig({
|
||||
plugins: [react()],
|
||||
plugins: [react(), tailwindcss()],
|
||||
build: {
|
||||
// Mêmes navigateurs qu'avec Vite 7, comme le front (Vite 8 relève sa cible par défaut)
|
||||
target: ['chrome107', 'edge107', 'firefox104', 'safari16'],
|
||||
|
||||
Reference in new issue
Block a user