Adriano/InsanityLab-web
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Reformer Class: bottone calendario taupe, meno scuro (#19)

Browse Source 
Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
This commit is contained in:
Adriano (goldrake)
2026-09-29 19:50:48 +00:00
parent 3fff3cd2f8
commit 9126af28ce
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/services/[slug].astro
+3 -2
View File
@@ -144,8 +144,9 @@ const tones = ['tan', 'taupe', 'dark'];
.prog__other { display: flex; align-items: center; gap: 14px; text-decoration: none; color: var(--c-text); margin-bottom: 14px; font-family: var(--font-heading); font-size: .78rem; letter-spacing: .14em; text-transform: uppercase; } .prog__other { display: flex; align-items: center; gap: 14px; text-decoration: none; color: var(--c-text); margin-bottom: 14px; font-family: var(--font-heading); font-size: .78rem; letter-spacing: .14em; text-transform: uppercase; }
.prog__other:hover { color: var(--c-accent-dark); } .prog__other:hover { color: var(--c-accent-dark); }
/* Il calendario dei corsi (popup) è staccato dall'elenco degli altri servizi e pieno /* Il calendario dei corsi (popup) è staccato dall'elenco degli altri servizi e pieno
nel colore d'accento: il cliente lo vuole evidente (InsanityLab-web#19). */ nel colore d'accento: il cliente lo vuole evidente (InsanityLab-web#19). Taupe e non
.prog__calendario { display: flex; align-items: center; gap: 14px; width: 100%; margin-top: 36px; padding: 10px 16px 10px 10px; border: 0; cursor: pointer; text-align: left; background: var(--c-dark); color: #fff; font-family: var(--font-heading); font-size: .82rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; transition: background .2s; } --c-dark: Adriano 29/09 lo vuole meno scuro; bianco su #6b5d5b resta leggibile (~6:1). */
.prog__calendario { display: flex; align-items: center; gap: 14px; width: 100%; margin-top: 36px; padding: 10px 16px 10px 10px; border: 0; cursor: pointer; text-align: left; background: #6b5d5b; color: #fff; font-family: var(--font-heading); font-size: .82rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; transition: background .2s; }
.prog__calendario:hover { background: var(--c-accent-dark); } .prog__calendario:hover { background: var(--c-accent-dark); }
.prog__cta { margin: 10px 0 30px; } .prog__cta { margin: 10px 0 30px; }
.prog__icon { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; background: var(--c-accent); color: #fff; flex-shrink: 0; } .prog__icon { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; background: var(--c-accent); color: #fff; flex-shrink: 0; }