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:
parent
cb590ac1ab
commit
199b49ef9e
2 changed files with 11 additions and 2 deletions
|
|
@ -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;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue