This commit is contained in:
@@ -7,7 +7,9 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
:root {
|
:root {
|
||||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', sans-serif;
|
font-family:
|
||||||
|
-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
|
||||||
|
"Ubuntu", "Cantarell", sans-serif;
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: rgba(255, 255, 255, 0.87);
|
color: rgba(255, 255, 255, 0.87);
|
||||||
@@ -23,7 +25,8 @@
|
|||||||
--neon-violet-glow: rgba(138, 43, 226, 0.6);
|
--neon-violet-glow: rgba(138, 43, 226, 0.6);
|
||||||
}
|
}
|
||||||
|
|
||||||
html, body {
|
html,
|
||||||
|
body {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@@ -32,8 +35,6 @@ html, body {
|
|||||||
/* Désactiver le scroll bounce sur iOS */
|
/* Désactiver le scroll bounce sur iOS */
|
||||||
overscroll-behavior: none;
|
overscroll-behavior: none;
|
||||||
-webkit-overflow-scrolling: touch;
|
-webkit-overflow-scrolling: touch;
|
||||||
/* Ne pas forcer de background pour permettre aux pages d'avoir leur propre style */
|
|
||||||
background-color: transparent !important;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
@@ -44,7 +45,7 @@ body {
|
|||||||
|
|
||||||
/* Effet de hover sur toute la page - Curseur personnalisé violet */
|
/* Effet de hover sur toute la page - Curseur personnalisé violet */
|
||||||
body::before {
|
body::before {
|
||||||
content: '';
|
content: "";
|
||||||
position: fixed;
|
position: fixed;
|
||||||
width: 40px;
|
width: 40px;
|
||||||
height: 40px;
|
height: 40px;
|
||||||
@@ -52,7 +53,9 @@ body::before {
|
|||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
z-index: 9999;
|
z-index: 9999;
|
||||||
transition: transform 0.2s ease, opacity 0.2s ease;
|
transition:
|
||||||
|
transform 0.2s ease,
|
||||||
|
opacity 0.2s ease;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
box-shadow: 0 0 10px var(--neon-violet-glow);
|
box-shadow: 0 0 10px var(--neon-violet-glow);
|
||||||
}
|
}
|
||||||
@@ -63,11 +66,15 @@ body:hover::before {
|
|||||||
|
|
||||||
/* Effet de gradient violet qui suit le curseur */
|
/* Effet de gradient violet qui suit le curseur */
|
||||||
body::after {
|
body::after {
|
||||||
content: '';
|
content: "";
|
||||||
position: fixed;
|
position: fixed;
|
||||||
width: 300px;
|
width: 300px;
|
||||||
height: 300px;
|
height: 300px;
|
||||||
background: radial-gradient(circle, rgba(138, 43, 226, 0.15) 0%, transparent 70%);
|
background: radial-gradient(
|
||||||
|
circle,
|
||||||
|
rgba(138, 43, 226, 0.15) 0%,
|
||||||
|
transparent 70%
|
||||||
|
);
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
@@ -91,7 +98,7 @@ body::after {
|
|||||||
|
|
||||||
/* Effet de particules/grille au hover avec teinte violette */
|
/* Effet de particules/grille au hover avec teinte violette */
|
||||||
#root::before {
|
#root::before {
|
||||||
content: '';
|
content: "";
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
|
|||||||
Reference in New Issue
Block a user