Update announcement bar styling and structure

Add label element with uppercase styling
Adjust content font size for better readability
Maintain semantic HTML structure
This commit is contained in:
Ruben 2026-01-17 13:35:35 +01:00
parent cb590ac1ab
commit 199b49ef9e
2 changed files with 11 additions and 2 deletions

View file

@ -11,9 +11,17 @@
}
}
.announcement-bar__label {
color: white;
font-size: clamp(0.7rem, 2vw, 0.8rem);
text-transform: uppercase;
letter-spacing: 0.05em;
margin: 0 auto 0;
}
.announcement-bar__content {
color: white;
font-size: clamp(0.95rem, 2.5vw, 1rem);
font-size: clamp(1rem, 2.5vw, 1.1rem);
line-height: 1.4;
margin: 0 auto;
text-align: center;