API
This commit is contained in:
@@ -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); }
|
||||
|
||||
Reference in New Issue
Block a user