This commit is contained in:
2026-09-03 21:57:48 +02:00
parent 496e8bdb27
commit 6d31656ce4
13 changed files with 1090 additions and 51 deletions
+36
View File
@@ -272,6 +272,11 @@ textarea.input { min-height: 110px; resize: vertical; }
.s-prop { font-weight: 500; }
.s-rem { font-size: 14px; color: color-mix(in srgb, var(--color-text) 68%, transparent); }
.s-date { white-space: nowrap; font-weight: 500; width: 1%; }
/* godzina webinaru pod datą - pobierana z Akademii Wodociągowca */
.s-hour {
display: block; font-weight: 400; font-size: 12.5px;
color: color-mix(in srgb, var(--color-text) 55%, transparent);
}
.s-topic { font-family: var(--font-heading); font-weight: 600; font-size: 18px; }
.s-act { text-align: right; white-space: nowrap; }
.sign {
@@ -475,6 +480,35 @@ textarea.input { min-height: 110px; resize: vertical; }
color: var(--color-accent-700);
}
/* -- pasek liczb (Akademia) --------------------------------------------- */
.stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: calc(1.5 * var(--leading)); }
@media (max-width: 820px) { .stats { grid-template-columns: repeat(2, 1fr); } }
.stat { padding-top: var(--space-4); border-top: 2px solid var(--color-accent); }
.stat-num {
display: block;
font-family: var(--font-heading); font-weight: 700;
font-size: clamp(38px, 4.4vw, 52px); line-height: 1;
color: var(--color-accent-700);
font-feature-settings: "tnum" 1;
}
.stat-label {
display: block; margin-top: var(--space-3);
font-size: 13.5px; line-height: var(--half);
color: color-mix(in srgb, var(--color-text) 62%, transparent);
}
/* -- wejście bloków przy przewijaniu -----------------------------------
Styl startowy nakładamy dopiero, gdy skrypt zgłosi gotowość (klasa
js-reveal na <html>). Bez JavaScriptu treść jest widoczna od razu. */
.js-reveal [data-reveal] {
opacity: 0; transform: translateY(16px);
transition: opacity .55s ease-out, transform .55s ease-out;
}
.js-reveal [data-reveal].is-in { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
.js-reveal [data-reveal] { opacity: 1; transform: none; transition: none; }
}
/* -- newsletter / CTA --------------------------------------------------- */
.cta-band {
position: relative; padding: calc(2 * var(--leading)) var(--space-8);
@@ -608,6 +642,8 @@ textarea.input { min-height: 110px; resize: vertical; }
}
.table.sched td { border: 0; padding: 0; }
.table.sched .s-date { order: 1; font-size: 14px; color: var(--color-accent-700); }
/* w karcie mobilnej data i godzina mieszczą się w jednej linii */
.table.sched .s-hour { display: inline; font-size: 13px; margin-left: var(--space-2); }
.table.sched .s-form { order: 2; text-align: right; }
.table.sched .s-topic { grid-column: 1 / -1; order: 3; }
.table.sched .s-place { order: 4; font-size: 13.5px; color: color-mix(in srgb, var(--color-text) 60%, transparent); }