christophe/chesscubing
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Améliore la lisibilité des en-têtes de phase

Browse Source
This commit is contained in:
Christophe JEANNEROT
2026-04-12 14:22:39 +02:00
parent c00e2369a8
commit 5a287be786
1 changed files with 25 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
styles.css
View File

@@ -501,6 +501,13 @@ textarea:focus {
grid-template-columns: auto 1fr auto; grid-template-columns: auto 1fr auto;
gap: 0.8rem; gap: 0.8rem;
align-items: center; align-items: center;
padding: 1rem 1.15rem;
border: 1px solid rgba(255, 255, 255, 0.14);
border-radius: 28px;
background:
linear-gradient(135deg, rgba(10, 12, 17, 0.9), rgba(22, 26, 35, 0.78));
box-shadow: 0 16px 42px rgba(0, 0, 0, 0.24);
backdrop-filter: blur(10px);
} }
.brand-link { .brand-link {
@@ -536,6 +543,7 @@ textarea:focus {
flex: 0 0 auto; flex: 0 0 auto;
width: 3.7rem; width: 3.7rem;
height: auto; height: auto;
filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.35));
} }
.brand-link-mark { .brand-link-mark {
@@ -543,20 +551,36 @@ textarea:focus {
max-width: 100%; max-width: 100%;
width: 7.4rem; width: 7.4rem;
height: auto; height: auto;
mix-blend-mode: screen; filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.28));
} }
.phase-title { .phase-title {
text-align: center; text-align: center;
padding-inline: 0.6rem;
} }
.phase-title h1 { .phase-title h1 {
margin: 0; margin: 0;
font-size: clamp(1.9rem, 4vw, 3rem); font-size: clamp(1.9rem, 4vw, 3rem);
color: #ffffff;
text-shadow: 0 4px 18px rgba(0, 0, 0, 0.26);
} }
.phase-subtitle { .phase-subtitle {
margin: 0.25rem 0 0; margin: 0.25rem 0 0;
color: rgba(245, 247, 251, 0.88);
text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
.phase-header .eyebrow {
margin-bottom: 0.35rem;
color: #7aa8ff;
text-shadow: 0 2px 10px rgba(0, 0, 0, 0.16);
}
.phase-header .button.ghost {
background: rgba(10, 12, 17, 0.65);
border-color: rgba(255, 255, 255, 0.14);
} }
.utility-button { .utility-button {