andras/perfect-postcode
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 2 Wiki Activity Actions

lgtm

Browse source
This commit is contained in:
Andras Schmelczer 2026-05-12 22:00:56 +01:00
parent 8708bf000d
commit 11711c57e6
38 changed files with 5361 additions and 265 deletions
Download patch file Download diff file Expand all files Collapse all files

87
frontend/src/index.css
View file

@ -192,6 +192,48 @@ h3 {
height: 5rem;
}
.home-hero-stats {
flex-direction: column;
gap: 0.7rem;
}
.home-hero-stat {
display: inline-flex;
min-width: 0;
align-items: baseline;
gap: 0.4rem;
white-space: nowrap;
}
.home-hero-stat-value {
flex: 0 0 auto;
font-size: clamp(1.25rem, 5.2vw, 1.875rem);
font-weight: 700;
line-height: 1.05;
color: #ffffff;
}
.home-hero-stat-label {
min-width: 0;
flex: 0 1 auto;
color: #e7e5e4;
font-size: clamp(0.78rem, 3.25vw, 0.875rem);
line-height: 1.15;
white-space: nowrap;
}
@media (min-width: 640px) {
.home-hero-stats {
flex-direction: row;
column-gap: 3rem;
row-gap: 1rem;
}
.home-hero-stat-value {
font-size: 1.875rem;
}
}
@media (min-width: 1200px) {
.home-hero-container {
padding-top: 3rem;
@ -300,7 +342,30 @@ h3 {
}
}
@keyframes scout-export-icon-pop {
0%,
54%,
100% {
transform: scale(1);
}
62% {
transform: scale(0.82) rotate(-5deg);
}
72% {
transform: scale(1.13) rotate(4deg);
}
84% {
transform: scale(1);
}
}
.scout-export-action {
transform-origin: center;
animation: none;
}
.scout-export-icon {
transform-origin: center;
animation: none;
}
@ -331,10 +396,31 @@ h3 {
animation: scout-export-ripple 2.4s ease-out 1 both;
}
.scout-screen-active .scout-export-icon {
animation: scout-export-icon-pop 2.4s ease-in-out 1 both;
}
.scout-screen-active .scout-export-check {
animation: scout-export-check 2.4s ease-in-out 1 both;
}
@media (max-width: 639px) {
.scout-export-ripple {
width: 5.5rem;
height: 5.5rem;
}
.scout-screen-active .scout-export-action {
animation-duration: 2s;
}
.scout-screen-active .scout-export-ripple,
.scout-screen-active .scout-export-icon,
.scout-screen-active .scout-export-check {
animation-duration: 2s;
}
}
@media (prefers-reduced-motion: reduce) {
.showcase-progress {
animation: none !important;
@ -342,6 +428,7 @@ h3 {
}
.scout-export-action,
.scout-export-icon,
.scout-export-ripple,
.scout-export-check {
animation: none !important;