stopplidelsen/innhold
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update announcement bar styling and structure

Browse source 
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
Download patch file Download diff file Expand all files Collapse all files

3
content/00-announcement-bar.html
View file

@ -1,3 +1,4 @@
<a href="/underskriftskampanje/medisinsk-cannabis-pa-resept" class="announcement-bar escape"> <a href="/underskriftskampanje/medisinsk-cannabis-pa-resept" class="announcement-bar escape">
<p class="announcement-bar__content">Signer underskriftskampanjen: Ja til medisinsk cannabis på resept!<span class="announcement-bar__arrow">→</span></p> <p class="announcement-bar__label">Signer underskriftskampanjen</p>
<p class="announcement-bar__content">Ja til medisinsk cannabis på resept!<span class="announcement-bar__arrow">→</span></p>
</a> </a>

10
content/styles.css
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 { .announcement-bar__content {
color: white; color: white;
font-size: clamp(0.95rem, 2.5vw, 1rem); font-size: clamp(1rem, 2.5vw, 1.1rem);
line-height: 1.4; line-height: 1.4;
margin: 0 auto; margin: 0 auto;
text-align: center; text-align: center;